Tempered Peony color palette — #F0DDF7 · #3BB1FD · #FE4498 · #220F2A · #0D0511

Built around Hot Pink, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Thistle (#F0DDF7): A whisper-light, dusty pink — the color of peonies in June.
• Cornflower (#3BB1FD): A luminous, balanced blue — the color of deep harbor water.
• Hot Pink (#FE4498): A luminous, vivid rose — the color of pressed rose petals.
• Deep Indigo (#220F2A): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#0D0511): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, 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

• Chalky Crimson Cabin color palette (#DFF2FB, #66A1F4, #E7374F, #261226, #0C050B)
• Rose Pier color palette (#D1F2F1, #00BFBF, #F2425D, #241325, #0F050F)
• Pale Courtyard color palette (#F6DBE5, #008DAD, #CA007B, #160009, #020004)
• Ember Drift color palette (#EFDAE2, #898DFF, #DC6600, #220A00, #0D0006)
• Softworn Corridor color palette (#E0F3FD, #BAA8FF, #CB6700, #2A101E, #13070D)
• Patina Apricot Courtyard color palette (#E4E0FC, #8ABFFF, #F49000, #301C24, #180B11)
• Soft Tangerine Balcony color palette (#C6E7F2, #A9C8FF, #E8752D, #54301C, #251508)
• Antique Fuchsia Pier color palette (#E3E1F9, #DA85CC, #B67700, #0D220C, #030903)

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