Olive Workshop color palette — #E4F4EC · #867D00 · #00415F · #302C00 · #000103

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

The five colors

• Cream (#E4F4EC): bright and airy, almost weightless.
• Olive Leaf (#867D00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00415F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Bronze Villa color palette (#FCE8EF, #B26400, #00473C, #422200, #000102)
• Fern Alley color palette (#E3E1D4, #566200, #002C44, #1B2000, #000201)
• Cellar Pine color palette (#FAE0E5, #157813, #003845, #1F000E, #000201)
• Gentle Ridge color palette (#D3F0EE, #00924D, #4D008E, #003518, #01000A)
• Aubergine Lagoon color palette (#D4F0F2, #00A683, #7C0088, #004737, #030004)
• Worn Abyss Bloom color palette (#D4E5E2, #A5C1C5, #7498AA, #14480B, #000201)
• Timeworn Byzantium color palette (#E2FCF8, #4FBD4E, #8A36DC, #074E0B, #010009)
• Fern Canyon color palette (#DDF2EF, #18680C, #40005A, #18170A, #170004)

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