Tempered Ash color palette — #FBF2F7 · #D8DFF1 · #7E9CBC · #4B7681 · #475369

Blue Fog and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D8DFF1): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7E9CBC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4B7681): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#475369): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Cypress Harbor color palette (#F7EFF3, #D7D1E6, #809EC6, #38786C, #2D354E)
• Tempered Lagoon color palette (#FBF4EF, #C5DFEB, #97B3D8, #549487, #65485A)
• Wandering Blush Workshop color palette (#FAF1FF, #D1779C, #4F9A80, #45837E, #473E4D)
• Antique Villa color palette (#ECDFE6, #38AED1, #005C91, #003E39, #0B1A49)
• Antique Petrol Thicket color palette (#F6EAF3, #63C3C8, #00748F, #005238, #003150)
• Worn Drift color palette (#F9F2FF, #E394B6, #61A992, #995D77, #295559)
• Faded Forest color palette (#FFF0FA, #7DE2DC, #008FA3, #006B39, #004662)
• Muted Stone color palette (#FFF1F7, #CDB48B, #997484, #6D5567, #3C4C43)

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