Peony Courtyard color palette — #DCE2D3 · #22EED4 · #DE64C4 · #584C6C · #1E1B23

Bubblegum takes the lead with Lagoon close behind in a set that reads as creativity and balance at first glance.

The five colors

• Bone (#DCE2D3): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#22EED4): A whisper-light, balanced teal — the color of glacier melt.
• Bubblegum (#DE64C4): A luminous, vivid pink — the color of neon signs at night.
• Charcoal Brown (#584C6C): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#1E1B23): a grounded near-black with real depth.

Feels like: Creativity, Balance. Tagged neon, dark, vibrant.

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

• Hushed Fuchsia color palette (#E6EFDC, #85D2FF, #E66DC8, #514563, #211B2A)
• Worn Chartreuse Canyon color palette (#DDEACC, #6AF07E, #AE81DF, #4B4C69, #181922)
• Powdered Coast color palette (#D0F8E7, #EAB801, #CD7FEB, #524F69, #1B1925)
• Hushed Delta color palette (#F1ECF9, #C4D092, #AC7298, #5D4E70, #191321)
• Faded Celadon color palette (#C2FD76, #BDDAFF, #E78CD2, #595069, #2D2933)
• Patina Ember Studio color palette (#CAF6F1, #CBA0FF, #E36909, #59384B, #140A10)
• Feathered Seafoam Harbor color palette (#EEE9FF, #00E5C5, #FFA287, #724437, #2E212A)
• Patina Corridor color palette (#D5E4D0, #00B9D1, #D800B1, #4B2240, #0C0416)

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