Softworn Alley color palette — #EAF9F4 · #CCDDAB · #D1BBEF · #9DB26C · #48496B

Sage takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Celadon Mist (#CCDDAB): A whisper-light, dusty green — the color of a quiet forest floor.
• Lavender (#D1BBEF): A whisper-light, dusty violet — the color of wild irises.
• Sage (#9DB26C): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#48496B): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Softworn 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

• Softworn Ridge color palette (#EEF9EE, #EFCFA3, #A5CAF5, #C6A16B, #384F68)
• Dusty Harbor color palette (#E4FAFB, #A4E5CB, #EEB4C6, #6DBA9D, #56465E)
• Oat Meadow color palette (#E4FBF4, #B7D38C, #C5B2EC, #C795AB, #2F4841)
• Washed Grove color palette (#F9F6E4, #C0CC8E, #E59A98, #88944D, #534B48)
• Antique Courtyard color palette (#F5F2E4, #AFBB7C, #B489C5, #6D792B, #43282F)
• Tempered Driftwood Harbor color palette (#DAFEF7, #C5EDC1, #A6C48F, #6F9161, #003E36)
• Dusty Quarry color palette (#EAF8FA, #FFD4B4, #73AC9C, #4E7479, #202E30)
• Mallow Balcony color palette (#D7F6F6, #67D8A7, #FF95BD, #009F6E, #552037)

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