Tempered Ash color palette — #F1F3EB · #BFE6E8 · #73A2C6 · #407383 · #402F42

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#BFE6E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#73A2C6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#407383): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#402F42): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Ash Studio color palette (#F2F2EA, #BFEBDD, #6BA8AB, #5D7350, #283C2D)
• Ancient Grove color palette (#F1F7F2, #D8DEEF, #7A9DBF, #397A83, #455369)
• Tempered Turquoise Pier color palette (#E4E8D7, #3FA9D5, #005F89, #003843, #000C19)
• Dusty Petrol Villa color palette (#E9EBDB, #68C3CF, #00788C, #004B4A, #001922)
• Muted Courtyard color palette (#FBF4EE, #CEE6E7, #C5A6C2, #53948C, #644A57)
• Weathered Orchard color palette (#F3F3E3, #91E0DF, #00949E, #006357, #002B32)
• Navy Pier color palette (#EAF1DD, #4B7EA7, #003B72, #001D2A, #000107)
• Apricot Delta color palette (#FCEFE5, #E4A373, #B28CBE, #9A6339, #46262F)

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