Olive Market color palette — #E8F5F1 · #A7BC88 · #B18AC7 · #637C37 · #302D49

A conversation between Olive and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Sage (#A7BC88): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#B18AC7): A luminous, balanced violet — the color of wild irises.
• Olive (#637C37): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#302D49): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Olive Market 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

• Dusty Lilac Field color palette (#F9F5E6, #B1B671, #B584BD, #747738, #63424A)
• Ancient Blush color palette (#E3F6F8, #70C6AF, #D27F9B, #24836D, #3A2A41)
• Ancient Bronze Alley color palette (#EBF5EC, #D1AD73, #68A0DD, #966802, #1D334A)
• Stone Studio color palette (#F8F6E2, #B4D089, #BCA2E5, #7F965B, #62424F)
• Timeworn Azure color palette (#E1F8F2, #87A870, #5690D3, #9E676C, #162C28)
• Softworn Loft color palette (#FDECF4, #D2B1BB, #A77656, #6B4D62, #223025)
• Cypress Workshop color palette (#E9F4F5, #AACEB1, #326F59, #0C383A, #0C1616)
• Timeworn Glacier color palette (#E2F7F3, #A4EAE4, #C2D8F6, #929367, #253C3A)

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