Olive Workshop color palette — #E2E0D3 · #718200 · #004C5B · #323B00 · #000201

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

The five colors

• Bone (#E2E0D3): bright and airy, almost weightless.
• Olive Leaf (#718200): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004C5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#323B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

• Dusty Pine color palette (#E2E5D6, #009141, #00447F, #00421A, #030004)
• Bronze Harbor color palette (#EBE2D9, #A66900, #00503C, #4D2E00, #010100)
• Ancient Pine color palette (#DFE8D7, #00894D, #005145, #002328, #00060D)
• Softworn Pine Pier color palette (#FFECE1, #007A26, #00444A, #3F0017, #000704)
• Washed Moss color palette (#DCF3EA, #8A9E00, #006990, #4E5900, #000409)
• Forest Balcony color palette (#ECEEE7, #AEB6A9, #7B9581, #00531D, #0A0C00)
• Ancient Boulevard color palette (#DEE8DD, #00A29F, #7F00A7, #005250, #080002)
• Worn Ultramarine color palette (#EBF1DB, #00B256, #262AF5, #005C29, #01001A)

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