Olive Workshop color palette — #F5F2E7 · #B4B888 · #9993D2 · #747800 · #442537

A conversation between Olive Leaf and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B4B888): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9993D2): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#747800): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#442537): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Olive color palette (#EBF9F2, #B2B573, #9B8DD1, #767816, #464B66)
• Antique Pine Orchard color palette (#EFF4E7, #8AC2A3, #C287A7, #008758, #4A2425)
• Antique Bronze color palette (#F8F0E9, #CEAC8B, #63A4CF, #A35F00, #033A2D)
• Muted Garden color palette (#F5F2E2, #96A465, #5E94B9, #B05777, #2C280C)
• Dusty Bronze color palette (#FCEFE7, #CEB6A3, #B0724B, #83442B, #36291B)
• Worn Basalt color palette (#F5F2E3, #CDE1CE, #95BFBD, #918658, #434100)
• Worn Canyon color palette (#F8F6E7, #C0EECA, #C3C6FF, #8FA452, #5C3950)
• Fern Harbor color palette (#F1F3EB, #D6C09D, #5A6924, #0F3A21, #13150B)

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