Softworn Ash color palette — #ECF8F5 · #C9D9F0 · #86B8C1 · #957D91 · #314C4B

A conversation between Ash and Heather, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Powder Blue (#C9D9F0): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#86B8C1): A luminous, dusty blue — the color of open sky before noon.
• Heather (#957D91): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#314C4B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Muted Teal color palette (#EAF9F3, #B7E6F5, #65AE9A, #727C49, #213E3C)
• Lagoon Thicket color palette (#E7F6F2, #9CCFCA, #5A8D8C, #52675A, #233533)
• Hushed Field color palette (#F5F6EB, #DCE2C4, #8EC4A3, #A5997F, #4A5302)
• Patina Harbor color palette (#F7F6E8, #A2CDAF, #538E83, #935238, #465409)
• Dusty Delta color palette (#E3FBF9, #A9DAB5, #D9A5E2, #CD87B9, #213E3D)
• Weathered Lagoon Lantern color palette (#DCFFEB, #A9E5D7, #92B879, #469464, #215558)
• Muted Lagoon Archive color palette (#CCE8E1, #4DA175, #005A52, #1E3200, #000201)
• Worn Forest color palette (#E4FCF0, #8BAE7B, #00724D, #403E00, #020A00)

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