Peony Courtyard color palette — #F2DEFC · #FF57C7 · #757B00 · #101100 · #030200

A conversation between Bubblegum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F2DEFC): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#FF57C7): A luminous, vivid pink — the color of peonies in June.
• Olive Leaf (#757B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#101100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030200): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, 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

• Fuchsia Parlor color palette (#E7E8FF, #EA63EF, #A36400, #191501, #090300)
• Pale Peony color palette (#FFDCE4, #FF67BD, #94A300, #17220A, #0E0C03)
• Magenta Hollow color palette (#F4E1DE, #F723C7, #009E73, #00150C, #020400)
• Patina Rose color palette (#FFE7FB, #FC1F70, #3F6F00, #040E00, #010100)
• Muted Delta color palette (#FFEAE5, #FF587A, #00A585, #001E16, #020600)
• Airy Plum Cabin color palette (#FFE5E3, #C50078, #00744C, #030E0D, #010100)
• Hushed Amber Chapel color palette (#E5EBDA, #CC7243, #004528, #00170B, #010200)
• Ancient Workshop color palette (#F5E4FB, #FFB6AD, #52B300, #2C2D10, #12120A)

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