Tempered Ash color palette — #FFF1F3 · #E2DAD1 · #A4BAD4 · #AB95C2 · #614A4A
A conversation between Mauve and Ash, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Bone (#E2DAD1): bright and airy, almost weightless.
- Ash (#A4BAD4): A luminous, dusty blue — the color of deep harbor water.
- Mauve (#AB95C2): A luminous, dusty violet — the color of a velvet chair.
- Charcoal Brown (#614A4A): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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
- Stone Balcony color palette (#FFF1F2, #E2D8D1, #D3AFBA, #99BCAF, #5A4746)
- Worn Workshop color palette (#FFF2ED, #DFDECD, #A3DBBD, #B67C9A, #734009)
- Cocoa Garden color palette (#FFF2EB, #DDC7AD, #BD8F7D, #94666D, #5A4400)
- Patina Taupe color palette (#FFF2EC, #D49A91, #8AA66D, #517FA9, #433B38)
- Muted Driftwood Courtyard color palette (#FCF3F2, #D3D5AA, #9C6D81, #654240, #372725)
- Quiet Orchid color palette (#FFF1F1, #EDD5C6, #EDC85E, #9F65DC, #642E36)
- Peony Harbor color palette (#FBF3F2, #F3C4BE, #72AC79, #C9678E, #2D2F28)
- Powdered Nightshade color palette (#F7E3E5, #CC8D88, #AB7500, #4E38A3, #210010)
Browse the whole catalog at Explore, or see today's palette.