Tempered Ash color palette — #E0EFFB · #9C9FD1 · #8E678C · #3B5B51 · #1E4447

A conversation between Mauve and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#E0EFFB): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#9C9FD1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#8E678C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3B5B51): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#1E4447): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Tempered Ridge color palette (#EFF6FF, #C1ACDB, #8A7D96, #4A6866, #324F58)
• Dusty Ash color palette (#B6F0F9, #7CAAC1, #69769B, #426249, #2C4F38)
• Feathered Wisteria color palette (#D9DDFF, #CB7CCC, #98534D, #1D5939, #003F3B)
• Olive Alley color palette (#C9F1FF, #CFAFCB, #AB8085, #726A1F, #3F4E26)
• Muted Quarry color palette (#FADDFF, #E68EAD, #9D6F52, #345E69, #2A4359)
• Worn Workshop color palette (#FFF1F6, #A0CBEB, #5477BA, #005E66, #313955)
• Timeworn Iris Veranda color palette (#D2E9F8, #827BBD, #7F456D, #214115, #002A24)
• Violet Corridor color palette (#E0E2FF, #9159CA, #667500, #286A3F, #282840)

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