Tempered Ash color palette — #F6F1EA · #C1E9EC · #7B9FCA · #3C7580 · #432E3F

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Frost (#C1E9EC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7B9FCA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3C7580): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#432E3F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, 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

• Weathered Ash color palette (#F6F1EA, #C2EADF, #69A8B3, #607250, #273B32)
• Timeworn Powder color palette (#E2F8F0, #7CBBEA, #C78E64, #3C78A2, #36302B)
• Weathered Ash color palette (#FBF2F6, #D9DEEF, #819AC2, #3B7A7E, #495269)
• Denim Grove color palette (#F4EBDD, #61A5C9, #005B99, #00383F, #000628)
• Tempered Harbor color palette (#D9FAF1, #58A1E6, #B77A83, #6A8150, #142D27)
• Patina Lagoon color palette (#EFE8DD, #6FC2D1, #007697, #004C46, #001829)
• Hushed Driftwood color palette (#E2F7F1, #EBD4CD, #B0A792, #719282, #41353F)
• Cobalt Terrace color palette (#FEEAFF, #AACCFF, #5C84B5, #2B4B6E, #29152B)

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