Tempered Peony color palette — #F7D5D3 · #F953AF · #CC8E1D · #4564B5 · #300E0F

Built around Hot Pink, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#F7D5D3): A whisper-light, dusty orange — the color of autumn markets.
• Hot Pink (#F953AF): A luminous, vivid rose — the color of strawberry cream.
• Mustard (#CC8E1D): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#4564B5): A full-bodied, balanced violet — the color of wild irises.
• Ink (#300E0F): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Frosted Blush Atelier color palette (#F5D6CE, #FF597B, #AC8E00, #7666B1, #2D110B)
• Soft Villa color palette (#FDD1DA, #E24DFE, #E36622, #1D7CAD, #300C17)
• Muted Tangerine Bloom color palette (#FFDCCE, #FF7232, #84B51E, #9749A8, #3A1000)
• Apricot Chapel color palette (#FFF2ED, #FF998F, #B2B266, #9884BA, #38312E)
• Dusty Mint color palette (#FFF3E4, #EAA200, #27D08C, #BB5780, #3C2700)
• Washed Ember color palette (#FCE5E1, #FF99B3, #E66944, #D4577D, #1B0700)
• Gentle Pier color palette (#F9F2FF, #E95FB0, #3B7824, #005958, #0D0217)
• Airy Tangerine color palette (#F8D8B2, #FF805A, #C56F0F, #4A7411, #371C08)

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