darkearthybrand-like
Evergreen & Gold Color Palette
Evergreen & Gold is a dark, earthy and brand-ready color palette of 5 colors: Gunmetal (#0b2b26), Gunmetal (#163832), Dark Slate Gray (#235347), Goldenrod (#daa520) and Linen (#f5f0e1). Its dominant hue is yellow.
The darkest color, Gunmetal, on the lightest, Linen, gives a 13.28:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Goldenrod (#daa520) is its most saturated color and a natural choice for buttons and links.
Colors
- Gunmetal
- Gunmetal
- Dark Slate Gray
- Goldenrod
- Linen
CSS Output
:root {
--evergreen-gold-1: #0b2b26;
--evergreen-gold-2: #163832;
--evergreen-gold-3: #235347;
--evergreen-gold-4: #daa520;
--evergreen-gold-5: #f5f0e1;
}Evergreen & Gold on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Gunmetal on Linen#0b2b26 on #f5f0e113.28:1AAA
- Gunmetal on Linen#163832 on #f5f0e111.20:1AAA
- Dark Slate Gray on Linen#235347 on #f5f0e17.68:1AAA
- Gunmetal on Goldenrod#0b2b26 on #daa5206.76:1AA
- Gunmetal on Goldenrod#163832 on #daa5205.70:1AA
- Dark Slate Gray on Goldenrod#235347 on #daa5203.91:1AA Large