Tempered Peony color palette — #FCF3F3 · #E3D9D1 · #AAB9B2 · #D562AC · #432F2F

Hot Pink takes the lead with Espresso close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FCF3F3): bright and airy, almost weightless.
• Bone (#E3D9D1): a clean, paper-quiet neutral.
• Ash (#AAB9B2): soft and architectural.
• Hot Pink (#D562AC): A luminous, vivid pink — the color of peonies in June.
• Espresso (#432F2F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Coral Harbor color palette (#FAF3F0, #DCD9D3, #A2B5B4, #D5857C, #473D38)
• Washed Lilac Station color palette (#FAF3F6, #E6D8D5, #B9B1A5, #9A7CE4, #432E38)
• Tempered Plum color palette (#FBF3F2, #E2D9D1, #D3C2A7, #B9477C, #2A1918)
• Pewter Veranda color palette (#F8F3FE, #EFD2DF, #CDB2CA, #915279, #433C4B)
• Tempered Basalt Alley color palette (#E6E1DB, #C1BAAD, #999278, #543400, #020100)
• Washed Rust color palette (#FBF3EE, #E0DECD, #A6CEAE, #C65A00, #341F0F)
• Softworn Apricot color palette (#FFF2EF, #E6D0CC, #FF9161, #ABA793, #490811)
• Gentle Ember Corridor color palette (#FFF4E2, #FC9CCA, #D25C4B, #006943, #4A0B22)

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