Softworn Ash color palette — #EEF8F5 · #D1DDE0 · #ACB7C8 · #86B8A9 · #3E4B47

A conversation between Sage and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#D1DDE0): a clean, paper-quiet neutral.
• Ash (#ACB7C8): A luminous, dusty blue — the color of deep harbor water.
• Sage (#86B8A9): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#3E4B47): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Aged Pier color palette (#D4FFF7, #A8E2CE, #95BBCB, #9490A5, #594960)
• Hushed Boulevard color palette (#E9F9F7, #C0E1F4, #ABC5DA, #59AE65, #183937)
• Aged Oat Canyon color palette (#EAF9F2, #C7DFA6, #8FB98F, #769989, #314842)
• Olive Pier color palette (#F2F2EC, #D3D9D2, #B3C1B5, #657F42, #2E2D1F)
• Quiet Chartreuse Loft color palette (#E7FCEB, #A5DA78, #5BB99D, #8A77A8, #224441)
• Weathered Cypress color palette (#D1E4E5, #8FA4B6, #768AA7, #007559, #000C0D)
• Airy Celadon color palette (#E6FAF8, #EAF27A, #92F5AA, #68DAD2, #114445)
• Hushed Clover Alley color palette (#D2EBE9, #4CC57A, #4D787E, #3A4E4D, #121A18)

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