Tempered Ash color palette — #F3F7EF · #D2DEDA · #B1B1BE · #7FA9A5 · #4C4E48

A conversation between Blue Fog and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Silver (#D2DEDA): a clean, paper-quiet neutral.
• Ash (#B1B1BE): soft and architectural.
• Blue Fog (#7FA9A5): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4C4E48): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Pier color palette (#F1F7F0, #CBE6E3, #ACB8D6, #39A59C, #2D392A)
• Abyss Boulevard color palette (#E7EDE4, #ABC2AF, #779B8D, #00473B, #000200)
• Driftwood Dune color palette (#FBF4EC, #CADECC, #B5B08A, #749152, #594200)
• Seafoam Coast color palette (#FFF2EC, #99F2D1, #6AACC7, #91675A, #374335)
• Wandering Grove color palette (#E6F1ED, #E0C7DA, #BD9BA9, #00527F, #000302)
• Washed Chestnut Veranda color palette (#EFFADF, #C1EAE4, #DBC1DA, #958376, #7C4616)
• Turquoise Bloom color palette (#EBFAEB, #24C6C8, #435B51, #242E25, #0E100B)
• Timeworn Cobalt Courtyard color palette (#FEF0FF, #E9D7D8, #B3AE9D, #4080CA, #2D1F2E)

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