Tempered Ash color palette — #D4DDFF · #BC9BC3 · #7E6C87 · #4C4B1C · #003430

Mauve and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#D4DDFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BC9BC3): A luminous, dusty pink — the color of neon signs at night.
• Slate (#7E6C87): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#4C4B1C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#003430): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Pewter Studio color palette (#E1F0FE, #9EA8D1, #7A688D, #67472A, #2D2500)
• Ancient Stone color palette (#EDECFF, #BBAACB, #958095, #40675E, #1E3F42)
• Weathered Abyss color palette (#F6E1F2, #BE8293, #8F5742, #0D4F31, #002D2C)
• Patina Balcony color palette (#FFE5E8, #DAA08F, #987752, #0B5956, #003441)
• Cerulean Coast color palette (#ECF4ED, #A2CFE5, #3886A8, #005C58, #05223A)
• Dusty Plum color palette (#F2E0F3, #9F516E, #6E352D, #042701, #000D0A)
• Antique Loft color palette (#E3F7F0, #8BAA81, #3C7252, #314864, #00221E)
• Emerald Pier color palette (#EDE5FA, #C271AA, #249854, #7C2C68, #00240D)

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