Tempered Peony color palette — #F2F5FF · #BAA7FF · #F446BE · #C4442B · #003355

Hot Pink takes the lead with Terracotta close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BAA7FF): A luminous, balanced violet — the color of wild irises.
• Hot Pink (#F446BE): A luminous, vivid pink — the color of peonies in June.
• Terracotta (#C4442B): A full-bodied, vivid orange — the color of toasted spice.
• Navy (#003355): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Peony Cabin color palette (#F4F4FF, #DC95FF, #FB4D8E, #B65600, #0B2C68)
• Wisteria Chapel color palette (#F0F5FF, #97B5FF, #CA69E5, #C33D5F, #003645)
• Airy Dune color palette (#DEDFF4, #BB80FF, #DF338B, #9F4100, #001C4A)
• Gentle Boulevard color palette (#F8F2FF, #FF86D8, #FF5449, #9D6900, #2C2562)
• Sunlit Crimson Studio color palette (#FDF0FF, #6AB3FF, #D73E50, #465A00, #1C2600)
• Hushed Raspberry Station color palette (#E8DEF3, #D62AA1, #B32A00, #563F00, #0C001F)
• Pale Scarlet color palette (#E6E0F2, #CF5FB8, #D60031, #734500, #121300)
• Dusty Blush Studio color palette (#F6DEFD, #FF719C, #D26900, #736900, #3A004D)

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