Sandstone backgrounds & color
Backgrounds
These are the default colors and gradients for Mozilla and Firefox sites, along with a few alternates. They are guidelines only, not absolute rules. You can create different color variations within Sandstone as your project or site warrants.
The gradients shown are layered behind a default grain texture, which you can download here.
Default
Mozilla
#D7D3C8 to #F6F4EC
Firefox
#CAE1F4 to #EEEEEE
Other examples
Dark grey
#424F5A to #6A7B86
Light grey
#D4DDE4 to #EAEFF2
Aurora
#331E54 to #000000
Nightly
#002147 to #000000
Link colors
The default colors for links in sandstone use Firefox light blue by default and Firefox dark blue for hover states. Similar to above, these can change based on custom style and should be complimentary to the chosen background colors. The link hover state should also introduce an underline of the same color.
Default link
#0095DD
| H | 199 | R | 0 |
|---|---|---|---|
| S | 100 | G | 150 |
| B | 87 | B | 221 |
Hover link
#00539F
| H | 209 | R | 0 |
|---|---|---|---|
| S | 100 | G | 83 |
| B | 62 | B | 159 |