Olive Workshop color palette — #E9F0ED · #CEDBD7 · #9DBFBD · #757700 · #22322B

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

The five colors

• Cream (#E9F0ED): bright and airy, almost weightless.
• Silver (#CEDBD7): bright and airy, almost weightless.
• Ash (#9DBFBD): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#757700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#22322B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Bronze Harbor color palette (#F5ECEF, #CFDBD1, #A5BEB1, #A45E00, #38292F)
• Patina Moss Veranda color palette (#F2EEE4, #CAD8C9, #A1C2B3, #9F9438, #332D1E)
• Olive Villa color palette (#DEE9E6, #B8C8C7, #89ACB0, #3F7000, #112320)
• Wandering Lagoon color palette (#EAF9F9, #CBE3E8, #8FCAD1, #008D67, #1D3839)
• Wandering Olive Market color palette (#DAE9DF, #A5AB6B, #5B7E36, #675300, #292C00)
• Misty Aubergine color palette (#C7E8CD, #8C9C42, #007D4D, #4A20A8, #152B00)
• Aubergine Pier color palette (#CDE8E0, #749332, #006F85, #61008C, #3A1000)
• Olive Harbor color palette (#D8F1ED, #2F8800, #033D2A, #041C00, #000604)

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