Tempered Ash color palette — #D8DFEB · #9499CE · #7E719B · #60443F · #392017

A conversation between Blue Fog and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Silver (#D8DFEB): bright and airy, almost weightless.
• Blue Fog (#9499CE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#7E719B): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#60443F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#392017): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Softworn Cocoa color palette (#FADDE9, #B38FC7, #957174, #783D18, #3F2611)
• Patina Basalt color palette (#CDE5FE, #97A5C3, #757198, #6A4854, #4A461C)
• Hushed Alley color palette (#E8ECFF, #7E6FBB, #5E486F, #481C21, #240200)
• Aged Summit color palette (#F1E8F9, #B875BD, #99497E, #5C331F, #321B00)
• Patina Ash color palette (#D3EADA, #84B39E, #51796F, #5B3E46, #272703)
• Wandering Chestnut color palette (#C8F2F3, #98B7DD, #A981A1, #786619, #484B20)
• Patina Cerulean color palette (#F0F4E6, #A3D4BE, #4583AA, #005969, #00271F)
• Washed Iris color palette (#D9DEEF, #8788FF, #604EB6, #402F6F, #251739)

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