Peony Pier color palette — #FFF1F0 · #CBBEFF · #FF65B0 · #CA6000 · #3D141D

Built around Bubblegum, softened by Pumpkin — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Lavender (#CBBEFF): A whisper-light, balanced violet — the color of a velvet chair.
• Bubblegum (#FF65B0): A luminous, vivid rose — the color of a warm blush.
• Pumpkin (#CA6000): A luminous, balanced gold — the color of old brass.
• Espresso (#3D141D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Hushed Grove color palette (#FFF0F2, #BDBEFF, #EB77F4, #D35845, #3D192A)
• Blush Courtyard color palette (#FFEAE7, #F19AFF, #FF7AA2, #BE7800, #411714)
• Worn Villa color palette (#FFEFF0, #A8AAFF, #D35F9A, #A15600, #410118)
• Faded Tangerine Market color palette (#F3EBFF, #CAD4FF, #FF95E4, #F88122, #410E1E)
• Chalky Rose Garden color palette (#F3E1DD, #DE8FFF, #FC3E6B, #A06700, #320003)
• Linen Blush color palette (#FBE6F0, #FF618E, #C82D3D, #803300, #482400)
• Antique Ember color palette (#F8F2FF, #F7D0E2, #FFA7D3, #F94002, #2D0010)
• Dusty Corridor color palette (#EAD7EE, #EC8D9A, #9C745A, #46614B, #003C41)

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