Tempered Ash color palette — #F5F4FC · #E4D7E0 · #CCBCC1 · #9E84A8 · #474650
Heather takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.
The five colors
- Ivory (#F5F4FC): a clean, paper-quiet neutral.
- Silver (#E4D7E0): bright and airy, almost weightless.
- Stone (#CCBCC1): soft and architectural.
- Heather (#9E84A8): A luminous, dusty pink — the color of peonies in June.
- Charcoal (#474650): 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
- Lilac Thicket color palette (#FAF3F5, #E0D9D4, #B7B7A7, #C19AD5, #544247)
- Weathered Boulevard color palette (#F4F4FF, #EDB3C8, #BA94A8, #5A7F8E, #3C545D)
- Antique Corridor color palette (#FAF2F8, #ECD4D2, #BBCCC0, #AD6D5F, #42363F)
- Softworn Archive color palette (#F7F3FF, #E9D7ED, #D3B2C9, #AC5195, #362F41)
- Garnet Ridge color palette (#ECE6EF, #B39DAE, #9B7C8A, #6F2844, #0D0610)
- Driftwood Bloom color palette (#EFF8EE, #CFC689, #81995D, #697189, #32483C)
- Softworn Mallow Bloom color palette (#F8F2FF, #ECD1ED, #FFADE4, #DF9874, #45364C)
- Peony Canyon color palette (#EADFF5, #DC56A5, #594657, #312B37, #18171F)
Browse the whole catalog at Explore, or see today's palette.