Tempered Ash color palette — #F3F5FB · #DBD8DE · #BEB0A9 · #9697C1 · #4E525D

Blue Fog and Rosewood Mist set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F3F5FB): a clean, paper-quiet neutral.
• Silver (#DBD8DE): bright and airy, almost weightless.
• Rosewood Mist (#BEB0A9): soft and architectural.
• Blue Fog (#9697C1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4E525D): 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

• Antique Peony Summit color palette (#F7F4FA, #DFD7DB, #CDBBC2, #C0729A, #4B4550)
• Ash Garden color palette (#FEF1FA, #CBB2E1, #AF80AA, #955F4A, #47455A)
• Ash Garden color palette (#EEF7F6, #BAD8D7, #6FA7A9, #5C8399, #385352)
• Aged Lilac Pier color palette (#F0F0FE, #AD8BC8, #59546B, #363647, #202128)
• Weathered Ridge color palette (#F8F2FE, #D2A1B6, #B87B65, #7F6614, #154C46)
• Dusty Byzantium color palette (#EEEEF4, #D8D5E2, #BDB1CE, #9352AA, #2D2B3E)
• Hushed Summit color palette (#E2DDE4, #BBB0BC, #A78BA4, #98004E, #1A0E1F)
• Tempered Delta color palette (#FAF2FB, #E6DAE4, #E3B0A4, #DC0054, #3D2C3F)

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