Tempered Peony Workshop color palette — #FFF1F0 · #F72EA4 · #582C37 · #270B0B · #060001

Hot Pink takes the lead with Cocoa close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Hot Pink (#F72EA4): A luminous, vivid rose — the color of a warm blush.
• Cocoa (#582C37): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#270B0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Magenta Study color palette (#FFF1F4, #CA56E7, #562E34, #260A13, #050002)
• Rose Ridge color palette (#FFF2EE, #DD536B, #5B2000, #1D0804, #030000)
• Ancient Peony Quarry color palette (#F2D7D6, #FB5BB6, #875955, #5A3447, #1B0D10)
• Moonless Lagoon color palette (#FCDDD8, #D1206C, #3F1419, #211A0B, #0D0100)
• Wandering Coral Orchard color palette (#FFF2EC, #DE8169, #6B3600, #291A13, #0A0402)
• Pale Orchid color palette (#FFF2EC, #FF8676, #BA9B00, #B957C6, #400C08)
• Charred Brick color palette (#FDE6DE, #B5001E, #1A261F, #270600, #030000)
• Bronze Parlor color palette (#FFEAD8, #BB6400, #3E2500, #101B19, #100400)

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