Olive Grove color palette — #F6F5C6 · #A4AD56 · #627100 · #343A00 · #0A0D00

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

The five colors

• Custard (#F6F5C6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A4AD56): A luminous, balanced green — the color of fresh herbs.
• Olive (#627100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#343A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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

• Tempered Moss Canyon color palette (#F6FBBC, #9BAB28, #636A00, #3A3D00, #252800)
• Muted Study color palette (#D3F9D6, #74BE7D, #008333, #004214, #011401)
• Muted Chestnut Parlor color palette (#EADFCA, #8DA16D, #756400, #5C3200, #151A05)
• Antique Apricot Parlor color palette (#FFEFDE, #D69246, #945800, #492700, #130700)
• Fern Meadow color palette (#F2F3E9, #7DB163, #006AA3, #2E6400, #000906)
• Feathered Boulevard color palette (#DAFFEF, #D9E792, #819500, #4B4E00, #0E1100)
• Misty Aubergine Harbor color palette (#EDEAD3, #749322, #6D3299, #693300, #131000)
• Blush Orchard color palette (#E4E0F4, #FF8EB4, #9C8500, #1C2006, #100A01)

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