Olive Grove color palette — #EBF5EC · #A3A46B · #477230 · #594216 · #012317

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

The five colors

• Cream (#EBF5EC): a clean, paper-quiet neutral.
• Sage (#A3A46B): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#477230): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#594216): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#012317): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Cypress Pier color palette (#E8F6EF, #8AAB84, #007758, #255040, #01221E)
• Softworn Forest color palette (#CFE5D6, #84974E, #006722, #004241, #001710)
• Moss Balcony color palette (#FBF5E5, #D1D4A2, #819347, #7A5F13, #2F270C)
• Wandering Mustard Study color palette (#FDF4E7, #B8BA6D, #678D54, #67625C, #37352F)
• Ancient Olive Studio color palette (#D9ECDF, #6F8222, #005318, #342800, #060900)
• Washed Teal color palette (#C2FFF9, #47C2B8, #00766A, #003F39, #000E0B)
• Lagoon Workshop color palette (#E8F5F2, #A5CCCD, #40928E, #456A63, #213536)
• Plum Lantern color palette (#D9EEEF, #2ABA91, #B03D6F, #00654B, #35081D)

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