Tempered Peony color palette — #F7F3FE · #FFD1D5 · #97DEBA · #CF78B2 · #135051

Built around Bubblegum, softened by Lagoon — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Shell Pink (#FFD1D5): A whisper-light, dusty red — the color of late-summer berries.
• Lagoon (#97DEBA): A whisper-light, balanced teal — the color of glacier melt.
• Bubblegum (#CF78B2): A luminous, balanced pink — the color of peonies in June.
• Forest (#135051): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Patina Lagoon color palette (#F5F3FF, #E9D3EB, #C7D396, #BF7BD0, #434B20)
• Worn Coral color palette (#FFF0FA, #F0D8C1, #83DDE4, #D5806A, #1C4D5C)
• Driftwood Orchard color palette (#FEF1F8, #CDEDE4, #D0A38C, #9D6A6E, #32443B)
• Driftwood Boulevard color palette (#F8F3F9, #C3E1F6, #AD747B, #533E55, #211723)
• Mallow Lantern color palette (#FFF1F3, #D299CF, #53AB95, #8D618B, #425337)
• Worn Corridor color palette (#FAF1FF, #E3D5DE, #E59FB7, #964863, #36213F)
• Dusty Jade Coast color palette (#FEF0FD, #F5BABA, #A1C989, #69B67C, #433143)
• Wandering Summit color palette (#FFF0FF, #FFAEB4, #0ACEA2, #E5004E, #00382A)

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