Peony Garden color palette — #F5D4E1 · #F95BA9 · #DA7800 · #8277D3 · #281633

A conversation between Bubblegum and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F5D4E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bubblegum (#F95BA9): A luminous, vivid rose — the color of strawberry cream.
• Mustard (#DA7800): A luminous, balanced gold — the color of afternoon light on wheat.
• Lavender Blue (#8277D3): A luminous, balanced violet — the color of wild irises.
• Deep Indigo (#281633): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Peony Garden 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 (#FFE5F7, #F255D2, #F2610A, #657EE3, #251736)
• Ancient Quarry color palette (#F1DCDD, #FF5F7C, #C38900, #9A71C1, #371017)
• Powdered Wisteria Courtyard color palette (#EAE1F1, #C86EFF, #F95067, #3D8DCA, #291436)
• Tangerine Meadow color palette (#F3D3E8, #FE6431, #849D13, #8B5FA1, #2A1023)
• Worn Canyon color palette (#F6E6DE, #FA7C27, #99A500, #D05AA8, #3E1700)
• Softworn Peony color palette (#FFF1F1, #E552A2, #878800, #00759B, #1F0010)
• Muted Blush Alley color palette (#F8EAFF, #FFCCD3, #FFB2A5, #CA84AF, #3E2C42)
• Apricot Garden color palette (#FFF0FC, #FFA197, #CEB25A, #BF92C9, #453042)

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