Tempered Ash color palette — #FBF3F4 · #E2D8D4 · #9EB4A2 · #BF9DC9 · #524346

Mauve takes the lead with Sage close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#E2D8D4): bright and airy, almost weightless.
• Sage (#9EB4A2): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#BF9DC9): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#524346): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, 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

• Patina Ash Quarry color palette (#FBF3F5, #E1D9D4, #CDC0AF, #9E82B3, #4E4547)
• Washed Blush color palette (#FCF3F0, #E3DACA, #9FBBA6, #F37887, #4E3A35)
• Dusty Lantern color palette (#FBF4EA, #E3D4AE, #A5B570, #A68692, #533F00)
• Aged Stone Garden color palette (#FFF1F3, #F5CDC6, #DAB098, #8C9678, #3D5038)
• Aged Orchard color palette (#F2F1F8, #DDD4DC, #C4B8C0, #88688C, #2C2A36)
• Softworn Mulberry Summit color palette (#F4EAE8, #A99F92, #998967, #A2365B, #140503)
• Blush Lagoon color palette (#FFF4E2, #EBB0EC, #E78098, #678F54, #503536)
• Patina Blush color palette (#F0E0E0, #EA82BB, #89665D, #584443, #1E1617)

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