Softworn Olive Alley color palette — #EBF9F3 · #B1B57E · #8194DC · #767815 · #414D64

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

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Sage (#B1B57E): A luminous, dusty green — the color of new leaves after rain.
• Lavender Blue (#8194DC): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#767815): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#414D64): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Softworn Olive Alley 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 Iris color palette (#FFF1F6, #D2A67E, #948FD5, #9A652E, #444C66)
• Softworn Bloom color palette (#F8F1E1, #C2B65B, #8F97D4, #7B733A, #3F2938)
• Muted Mustard color palette (#ECF9F1, #D0C77F, #A9ABE5, #958E55, #424C68)
• Weathered Harbor color palette (#E8F9F9, #87BF9D, #BC7EC5, #288657, #4E4963)
• Taupe Courtyard color palette (#E8FAEF, #AB9845, #967ABB, #8E5F84, #36473D)
• Driftwood Ridge color palette (#ECF9F1, #9AC2B7, #8C8147, #78505F, #374C4C)
• Dusty Pier color palette (#EAFAF0, #C4E7EF, #ACC9EC, #A68396, #3E524A)
• Timeworn Alley color palette (#D6FFF8, #69BB49, #7F5EF2, #225E00, #3A2C71)

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