Olive Workshop color palette — #ECF4ED · #BDB582 · #707C38 · #50526E · #182C21

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

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Sage (#BDB582): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#707C38): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#50526E): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#182C21): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Coast color palette (#E5F6F1, #8ABFBA, #338668, #445572, #0C2D2B)
• Patina Hollow color palette (#E6F7EA, #A4A373, #547000, #563C57, #032216)
• Weathered Summit color palette (#FFF3E7, #BCB16F, #617D4F, #6C5062, #543F00)
• Weathered Jade color palette (#DEF9F3, #66BD87, #007D65, #71354E, #002726)
• Tempered Basalt color palette (#FEF4E5, #CFC68D, #8B9568, #836974, #543F00)
• Mustard Study color palette (#FBEDF8, #E8D2D2, #DCBD76, #A96B77, #402C37)
• Emerald Harbor color palette (#FFEBFB, #CA7065, #209843, #5268A5, #281825)
• Worn Workshop color palette (#EDF4EE, #C3E3EC, #009FB5, #006F58, #0D3042)

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