Tempered Ash color palette — #FEF1F5 · #C3E9F9 · #8BB9B1 · #87819D · #364C41

Built around Ash, softened by Frost — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Frost (#C3E9F9): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#8BB9B1): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#87819D): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#364C41): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Softworn Taupe Coast color palette (#EEF9EC, #CAE9C3, #83AA81, #6D7591, #273E34)
• Lilac Harbor color palette (#F4F4FF, #FAD0E6, #A7DAB6, #B088C2, #1B4F4E)
• Ash Lantern color palette (#F5F3FF, #E9D7DF, #B3B6AA, #AEA5CA, #534B5A)
• Hushed Driftwood Garden color palette (#EBF5EF, #A1CFC0, #6D8D68, #4C647A, #253530)
• Tempered Chapel color palette (#F9F5EB, #E2DFC5, #B5B993, #78A597, #574E00)
• Muted Boulevard color palette (#F9F3F9, #D3D5E4, #ACC7F2, #729E7E, #404F61)
• Aged Hollow color palette (#EFF6FF, #EBD4E9, #C29AD2, #976784, #56415A)
• Timeworn Mallow Delta color palette (#F6F3FF, #EDB6EB, #95C9A6, #80AF8F, #3A3549)

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