Olive Workshop color palette — #ECF9F2 · #B5B381 · #739BCF · #7B7522 · #384F6A

Walnut and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#B5B381): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#739BCF): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#7B7522): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#384F6A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Grove color palette (#EBF9F7, #91BE8F, #AA8ABC, #528051, #4B4869)
• Aged Bronze color palette (#FFF1F6, #CFA784, #57A7AD, #976639, #225464)
• Worn Bronze color palette (#F9F1E3, #C3B283, #8F97D2, #8A6E00, #42263A)
• Amber Dune color palette (#EBF9EF, #A7D0B3, #9DAFE6, #A98814, #3C4D6D)
• Weathered Ridge color palette (#E6FBF0, #A09B55, #7888B7, #79659B, #33483E)
• Hushed Driftwood Villa color palette (#ECF9ED, #C1DEF4, #B3ACBB, #9B778F, #42574F)
• Patina Indigo color palette (#DAFFF0, #A2AD25, #7458C6, #5C6200, #3E2974)
• Weathered Harbor color palette (#FAF5E6, #DADA92, #9DCBFF, #ADAD67, #5A455C)

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