earthywarm
Olive Grove Color Palette
Olive Grove is a earthy and warm color palette of 5 colors: Jet (#283618), Dark Olive Green (#606c38), Sandy Brown (#dda15e), Copper (#bc6c25) and Corn Silk (#fefae0). Its dominant hue is orange.
The darkest color, Jet, on the lightest, Corn Silk, gives a 12.24:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Copper (#bc6c25) is its most saturated color and a natural choice for buttons and links.
Colors
- Jet
- Dark Olive Green
- Sandy Brown
- Copper
- Corn Silk
CSS Output
:root {
--olive-grove-1: #283618;
--olive-grove-2: #606c38;
--olive-grove-3: #dda15e;
--olive-grove-4: #bc6c25;
--olive-grove-5: #fefae0;
}Olive Grove 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.
- Jet on Corn Silk#283618 on #fefae012.24:1AAA
- Jet on Sandy Brown#283618 on #dda15e5.72:1AA
- Dark Olive Green on Corn Silk#606c38 on #fefae05.39:1AA
- Copper on Corn Silk#bc6c25 on #fefae03.75:1AA Large
- Jet on Copper#283618 on #bc6c253.25:1AA Large