Olive Grove color palette — #E8F6EF · #9CA670 · #527018 · #663831 · #002319

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Sage (#9CA670): A luminous, dusty green — the color of new leaves after rain.
• Olive (#527018): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#663831): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Thicket color palette (#E2F7F6, #77AE95, #007661, #59421B, #012123)
• Hushed Garden color palette (#FDF4E5, #99A162, #3E7137, #623E4F, #37352F)
• Timeworn Canyon color palette (#D2EBE2, #799959, #1B6701, #4B3400, #001712)
• Weathered Pine color palette (#E6F6F1, #8EBFB6, #4B8456, #674B5A, #0E2D29)
• Antique Forest Cabin color palette (#DEF3EB, #668438, #1F5100, #4A1704, #000A07)
• Aged Emerald Grove color palette (#EEF8F0, #CED5A7, #5A9D4E, #695A87, #142E25)
• Airy Chestnut Meadow color palette (#FFEEE5, #DE905E, #A04C00, #512100, #1B0700)
• Mulberry Pier color palette (#FBE5EC, #AF6900, #4B7F00, #9B2757, #230A15)

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