Softworn Olive color palette — #F6F2E4 · #B7B786 · #9297CA · #777534 · #422739

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

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#B7B786): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#9297CA): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#777534): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#422739): 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 Softworn Olive 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 Courtyard color palette (#EFF4E4, #8DC1A0, #B989B9, #41815B, #47252C)
• Dusty Bronze color palette (#FAF0E4, #D0AD78, #68A3CF, #906A27, #14382F)
• Bronze Terrace color palette (#FAF5E8, #B8B280, #C28592, #817400, #693E49)
• Timeworn Driftwood Terrace color palette (#F7F1E2, #B8E1D3, #B3B0BC, #9D8467, #3C3B34)
• Softworn Boulevard color palette (#EDF8F3, #C6C895, #A2AEE3, #919230, #3F4D6A)
• Weathered Taupe Grove color palette (#F8F2DC, #9FA257, #8786C1, #7D6EA3, #2D2711)
• Weathered Coast color palette (#F0F4E8, #DEBC9B, #416D50, #30322B, #13150C)
• Hushed Fern color palette (#F9F3D2, #C6D7A7, #7F8C54, #435019, #262000)

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