Tempered Peony color palette — #F0F0FF · #D19BC8 · #C06584 · #84443E · #4A303E

A conversation between Dusty Rose and Coffee, giving this palette its sense of creativity and warmth.

The five colors

• Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D19BC8): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#C06584): A luminous, balanced rose — the color of pressed rose petals.
• Coffee (#84443E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#4A303E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Tempered Peony 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

• Ember Courtyard color palette (#F6EEFF, #E5A3B4, #C66759, #85542C, #223825)
• Weathered Pier color palette (#F7EEFB, #DE9DB5, #28B1B4, #9E5874, #0C3742)
• Iris Garden color palette (#D9E9FF, #B8B2F1, #9970BF, #79446A, #3E2D43)
• Washed Rust color palette (#FEEBFE, #F5BAC0, #BC665E, #733635, #2C152B)
• Washed Mallow color palette (#FFF1F4, #F1B1E7, #D38397, #A06865, #544D48)
• Chalky Coral color palette (#F7D6E5, #E06F7A, #A34600, #5B3600, #2C2400)
• Washed Crimson Corridor color palette (#FBE6F8, #F15D9A, #D70043, #722500, #311F00)
• Softworn Driftwood Corridor color palette (#EAF6E9, #9FC6B0, #9A7D59, #6D4C62, #1F302C)

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