Tempered Ash color palette — #F8F3FA · #E7D7DB · #D2BBBC · #9D85A3 · #4B464C

A conversation between Heather and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F8F3FA): a clean, paper-quiet neutral.
• Silver (#E7D7DB): bright and airy, almost weightless.
• Stone (#D2BBBC): A luminous, dusty red — the color of a theater curtain.
• Heather (#9D85A3): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#4B464C): quiet, heavy and certain.

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

• Wandering Blush Market color palette (#FBF3F1, #E1DAD1, #BFC6BC, #D97F90, #493C39)
• Antique Driftwood color palette (#FBF2F6, #C9DBDE, #95A1AD, #B38364, #4E4449)
• Tempered Garnet color palette (#F3E6F3, #C3ACBC, #A88C98, #88313A, #1A101A)
• Muted Stone color palette (#FFEDFE, #EAB498, #89A98E, #657C83, #3B5567)
• Softworn Garden color palette (#EEDDE5, #B69DA4, #738E7B, #6F3000, #12040C)
• Lagoon Parlor color palette (#E5FBF5, #A4D2A9, #57A083, #786B84, #2E4846)
• Worn Amber color palette (#FFF0FC, #FFD2E2, #FFB9AF, #C9934C, #4C3445)
• Wandering Grove color palette (#FEF0FB, #EED6E3, #DEAFBE, #C04C42, #3E2C3B)

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