Tempered Peony color palette — #F5EEFF · #CB73AC · #9F6200 · #006032 · #002F48

Bubblegum and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#CB73AC): A luminous, balanced pink — the color of peonies in June.
• Ochre (#9F6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#006032): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002F48): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Lilac Lagoon color palette (#F0F0FF, #B07AD7, #A75940, #405A00, #00313B)
• Blush Courtyard color palette (#FCF1FF, #DF869C, #957E3E, #006E5A, #1E3760)
• Muted Cypress Archive color palette (#ECE0FD, #C5A7C5, #AD849C, #4B7963, #1E4D5B)
• Plum Balcony color palette (#EFE2F8, #BE397E, #6C4C00, #003D2D, #00102D)
• Terracotta Studio color palette (#EDF1FF, #736BB7, #8D3022, #004443, #2A1D5E)
• Hazy Rose color palette (#FADEF5, #FC2E34, #696F00, #005257, #270065)
• Patina Thicket color palette (#F3D9E1, #B97500, #007557, #193A8C, #40001D)
• Tempered Bloom color palette (#F5EAFC, #C05783, #4E364D, #281C2E, #0E0C13)

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