Olive Grove color palette — #E6F6F0 · #A6BC8D · #5B814E · #465C48 · #142D27

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sage (#A6BC8D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B814E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#465C48): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#142D27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Jade Lagoon color palette (#E3F7F1, #83AE75, #427149, #1F5045, #00221E)
• Softworn Lagoon Pier color palette (#E7F5F4, #9ECECE, #5D8C90, #53665E, #243535)
• Quiet Olive Workshop color palette (#EEEAD9, #AEA637, #7F8401, #48530D, #073A30)
• Frosted Moss Orchard color palette (#E2F8F1, #8FB250, #329BBA, #547017, #002D39)
• Quiet Delta color palette (#C8FFF5, #97D382, #508540, #2A4D1F, #051900)
• Hushed Chestnut Lagoon color palette (#F9F5E8, #A1B88E, #52805A, #824921, #484500)
• Teal Bloom color palette (#EBF9F2, #D2F1BF, #70AE8D, #806F86, #243E39)
• Twilit Fern color palette (#D6E8DC, #615A00, #292D00, #1A1300, #010100)

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