Olive Workshop color palette — #E6FBF4 · #648420 · #00697B · #323878 · #392232

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

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#648420): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00697B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#323878): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#392232): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Patina Summit color palette (#E4FAFB, #3C8D67, #006978, #533063, #1C3020)
• Dusty Cabin color palette (#EBFAEB, #97660F, #006E6E, #4E3367, #223122)
• Timeworn Bronze Garden color palette (#EDF9EE, #956A00, #2B6B33, #004D6F, #34263A)
• Petrol Delta color palette (#E7FBF1, #918C3D, #1D699C, #68305D, #542838)
• Quiet Onyx color palette (#D3F9F9, #00774F, #004858, #490047, #1D1400)
• Worn Harbor color palette (#FFF1F6, #A29A56, #2D7A56, #653A6D, #22453B)
• Powdered Aubergine Cabin color palette (#DFFCF8, #3A8530, #512484, #592600, #00211D)
• Muted Pewter color palette (#F0F7F3, #D1DEE0, #B1C3CC, #7B7646, #3D4C44)

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