brand-likeearthy
Eco Brand Color Palette
Eco Brand is a brand-ready and earthy color palette of 5 colors: Gunmetal (#1a2e1a), Avocado (#3f7d20), Kelly Green (#72b01d), Linen (#f3efe0) and Sand (#c2a878). Its dominant hue is green.
The darkest color, Gunmetal, on the lightest, Linen, gives a 12.57:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Kelly Green (#72b01d) is its most saturated color and a natural choice for buttons and links.
Colors
- Gunmetal
- Avocado
- Kelly Green
- Linen
- Sand
CSS Output
:root {
--eco-brand-1: #1a2e1a;
--eco-brand-2: #3f7d20;
--eco-brand-3: #72b01d;
--eco-brand-4: #f3efe0;
--eco-brand-5: #c2a878;
}Eco Brand 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#1a2e1a on #f3efe012.57:1AAA
- Gunmetal on Sand#1a2e1a on #c2a8786.32:1AA
- Gunmetal on Kelly Green#1a2e1a on #72b01d5.47:1AA
- Avocado on Linen#3f7d20 on #f3efe04.37:1AA Large