Olive Grove color palette — #E4F7F3 · #83B370 · #0098D5 · #387615 · #0B2A3F
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
- Jade (#83B370): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#0098D5): A luminous, balanced blue — the color of deep harbor water.
- Olive (#387615): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#0B2A3F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Olive Grove into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Villa color palette (#D7FAF8, #3FA561, #008EA9, #876500, #002423)
- Iris Harbor color palette (#E2F6FA, #4EB8AD, #8580DC, #00746C, #1D2543)
- Amber Workshop color palette (#DDF8F9, #5EB893, #C57A0B, #007755, #3B2000)
- Wandering Sapphire color palette (#D4F7F7, #009F65, #006BE4, #005B38, #001436)
- Moss Drift color palette (#F7F7E1, #7EB155, #AC70B2, #507136, #533657)
- Tempered Seafoam color palette (#DFF8F6, #C3D7FA, #8DD0C2, #6F8A61, #183636)
- Orchid Dune color palette (#D8EDF8, #00A2C0, #9E59BD, #005F72, #271031)
- Pine Villa color palette (#D2FCF8, #89CC97, #2B904F, #02541E, #001E06)
Browse the whole catalog at Explore, or see today's palette.