Olive Grove color palette — #FDF0DD · #ABAE5C · #437B26 · #4D4374 · #222200

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FDF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABAE5C): A luminous, balanced green — the color of fresh herbs.
• Olive (#437B26): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#4D4374): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, 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 Courtyard color palette (#F5F3DF, #7EB889, #007D69, #603D64, #02290E)
• Fern Workshop color palette (#F5E2C5, #989B40, #2F6C00, #5C284D, #171700)
• Faded Field color palette (#FDF4E0, #A7A861, #617200, #862F32, #3D3D0E)
• Indigo Hollow color palette (#EAFAEC, #BBC17C, #5D984C, #655BAD, #3B3E13)
• Wandering Driftwood color palette (#F7F1E6, #C8C4AA, #7F8A44, #735A59, #32312A)
• Pine Parlor color palette (#E6E1CB, #4C894E, #00503E, #3E1544, #000B01)
• Dusty Cerulean Harbor color palette (#FFEEE6, #8EDFEB, #008FBC, #00644F, #002549)
• Scarlet Field color palette (#FFDCD2, #E24113, #008493, #006B8C, #320600)

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