Peony Courtyard color palette — #F7DDFF · #FFA6E4 · #FF5FAD · #D33356 · #5E1100

Built around Bubblegum, softened by Rose Red — the whole palette hums with creativity and warmth.

The five colors

• Thistle (#F7DDFF): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#FFA6E4): A whisper-light, balanced pink — the color of peonies in June.
• Bubblegum (#FF5FAD): A luminous, vivid rose — the color of pressed rose petals.
• Rose Red (#D33356): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#5E1100): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Gentle Scarlet color palette (#FFD7F2, #FFADC9, #FF6F87, #DD3213, #5A2700)
• Timeworn Alley color palette (#FCE6FA, #EE8CBE, #ED4571, #C30D29, #3F1600)
• Quiet Peony color palette (#F3F4FF, #F4B3FF, #E35999, #A9211A, #412300)
• Plum Ridge color palette (#FFD7F4, #E477B4, #B53E6F, #790032, #3D0009)
• Fuchsia Study color palette (#E8E8FF, #D4B5FF, #EB67F0, #BF389A, #690033)
• Worn Blush color palette (#DEFFE5, #FF93F1, #FC5E7D, #2E9225, #4F243D)
• Washed Scarlet Atelier color palette (#EEE0E6, #F56585, #E72400, #8A3F00, #1F0F00)
• Peony Harbor color palette (#EFE2F8, #FF58AC, #925254, #4B3957, #130F1C)

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