Tempered Ash color palette — #F2F5FE · #DFD6E1 · #CCBAC9 · #A197CB · #383A44

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

The five colors

• Ivory (#F2F5FE): a clean, paper-quiet neutral.
• Silver (#DFD6E1): a clean, paper-quiet neutral.
• Stone (#CCBAC9): A luminous, dusty pink — the color of a candy shop window.
• Mauve (#A197CB): A luminous, dusty violet — the color of wild irises.
• Charcoal (#383A44): quiet, heavy and certain.

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

• Worn Peony Basin color palette (#F7F3FF, #F6D0E4, #DBB7C2, #CF72B8, #362E43)
• Softworn Parlor color palette (#FBF3F6, #E3D8D5, #A4B3A4, #8882B7, #362A31)
• Washed Coast color palette (#DFDFFF, #E7B4D7, #C89396, #5D8F82, #25494A)
• Washed Violet color palette (#E7E8F5, #CBB9CB, #B59EAE, #906BBC, #1D1E2B)
• Weathered Stone color palette (#F7F3FB, #E2D7DB, #9FC9C9, #C0AEAA, #545157)
• Teal Ridge color palette (#E6FAF6, #A1D9B3, #5EB29A, #77849E, #163C3B)
• Worn Bloom color palette (#D8F8DE, #C6A7FF, #C878AE, #787930, #2F2C47)
• Hushed Wisteria color palette (#F0F0FF, #CC94FF, #D97155, #627A34, #00323B)

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