Olive Grove color palette — #F0F7F4 · #9CCCBB · #3586AF · #677600 · #233039

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Pistachio (#9CCCBB): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3586AF): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#677600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#233039): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Patina Pine color palette (#EEF7F7, #9ACBCC, #7974B4, #00815B, #292D3C)
• Patina Grove color palette (#F2F2EC, #A9D09F, #00959C, #518043, #0E1910)
• Softworn Bronze color palette (#FAF3F6, #DAB4C3, #248BA0, #9B5C1C, #1C313B)
• Patina Meadow color palette (#EFF7F6, #B6DEAB, #27AEC1, #6C9B5F, #243035)
• Weathered Terracotta color palette (#FDF1FB, #97B183, #288591, #88413B, #2E4E4E)
• Denim Ridge color palette (#DAFFEF, #9FC7A7, #49978B, #00667A, #1B497F)
• Weathered Loft color palette (#D6ECF3, #00777A, #4B006F, #002D2F, #040008)
• Tempered Lagoon Hollow color palette (#EFF7F6, #D6DBE0, #B2A9B1, #608F6D, #4C5554)

Browse the whole catalog at Explore, or see today's palette.