Tempered Ash color palette — #FFEBF6 · #C99AC0 · #97687A · #6B4A25 · #30283A

Mauve and Coffee set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C99AC0): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#97687A): A full-bodied, dusty rose — the color of a warm blush.
• Coffee (#6B4A25): A full-bodied, dusty gold — the color of old brass.
• Onyx (#30283A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Ash Boulevard color palette (#FBEDF8, #B1A1D6, #8D6A94, #66455F, #2A2A3B)
• Wandering Forest color palette (#F8F6E8, #A1A3D0, #926882, #006951, #574048)
• Bronze Workshop color palette (#FFF2EA, #DCACD0, #B97E92, #8F6534, #584141)
• Bronze Atelier color palette (#E4F9E3, #CB8977, #915D33, #394E21, #301B28)
• Coral Lagoon color palette (#FFDFEA, #C36C72, #8C432B, #3B3C00, #250E23)
• Tempered Canyon color palette (#F8EDFF, #D3C6D5, #A2899E, #516B5A, #2C473C)
• Antique Driftwood Balcony color palette (#EFEBF8, #A36F98, #413749, #201C28, #0D0B12)
• Worn Market color palette (#E6F5F6, #A3CCD1, #5F8B94, #506475, #1E3538)

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