Olive Grove color palette — #F3F2E8 · #CEDACF · #B9C3AD · #5A7700 · #282613

Olive and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F2E8): a clean, paper-quiet neutral.
• Silver (#CEDACF): a clean, paper-quiet neutral.
• Stone (#B9C3AD): A luminous, dusty green — the color of fresh herbs.
• Olive (#5A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#282613): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Fern Pier color palette (#E9EAE3, #C9CDC2, #99AA8F, #2E6400, #171707)
• Hushed Ridge color palette (#EEF8F4, #CADEE6, #9DC4CE, #677200, #36433E)
• Hushed Moss Courtyard color palette (#F7F5ED, #D4DED6, #A6ADC1, #8B9C27, #36352E)
• Weathered Thicket color palette (#EEF3EF, #D0D9D8, #A5B0B7, #528E93, #303931)
• Charred Balcony color palette (#EAF2D7, #008043, #00322A, #0E1200, #040400)
• Wandering Abyss Villa color palette (#E0E4DE, #98A399, #608671, #004037, #010600)
• Aubergine Balcony color palette (#F2F4DC, #51963C, #00638B, #62005C, #251300)
• Patina Aubergine Meadow color palette (#D1EFC7, #70B7A3, #46828C, #723E83, #472234)

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