Tempered Ash color palette — #F7F0EC · #C8E4E3 · #77A1C6 · #3C7771 · #422F3F

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

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#C8E4E3): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#77A1C6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3C7771): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#422F3F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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 Drift color palette (#F4F6EE, #C2E9E8, #69A1C0, #567861, #405951)
• Timeworn Thicket color palette (#FFEEE4, #C98B72, #299DB6, #6078A5, #332319)
• Timeworn Denim Villa color palette (#ECDDD4, #60A8BD, #005E8D, #003A33, #00052B)
• Petrol Station color palette (#F4E6DF, #85BFC0, #00788F, #004E30, #001828)
• Antique Nightshade Thicket color palette (#E9E0D8, #5891B8, #0037B5, #002B2F, #04001A)
• Timeworn Drift color palette (#F7F0ED, #ACD3B6, #0087B3, #005D4A, #2C172F)
• Frosted Cornflower color palette (#F8F0E9, #A6D5FF, #567AE7, #00606C, #251D47)
• Wandering Driftwood Boulevard color palette (#FDEFE4, #DDDDC4, #B3BFD6, #A9787D, #3B3530)

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