Tempered Ash color palette — #FCF2F5 · #DADEEE · #8599C4 · #3E7981 · #4B5169

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Silver (#DADEEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8599C4): A luminous, dusty violet — the color of wild irises.
• Teal (#3E7981): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4B5169): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Cypress Pier color palette (#F8EFF2, #D9D0E3, #8D9AC6, #317878, #31334E)
• Shell Pier color palette (#EDF6FF, #DCD9E3, #EBB8CB, #668A9B, #454C5B)
• Weathered Azure color palette (#EEF6FF, #5D9DD8, #B47B48, #588168, #374451)
• Dusty Powder Dune color palette (#EEF6FF, #87B3E7, #BD8D67, #5075A0, #5F444F)
• Tempered Cerulean color palette (#FAF2F8, #AEEAE5, #3399AB, #436D50, #2F4B5F)
• Timeworn Petrol color palette (#F8EAF2, #72BED3, #006FA3, #005147, #1C2D4C)
• Hushed Stone Station color palette (#E9FAF1, #90C5B6, #628B77, #4F6451, #3A4C4A)
• Worn Lagoon Alley color palette (#F7E4F1, #009394, #004453, #002414, #000A15)

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