Peony Courtyard color palette — #ECF7FF · #00A5EC · #F40F89 · #6C7C00 · #001422

Hot Pink and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cornflower (#00A5EC): A luminous, balanced blue — the color of deep harbor water.
• Hot Pink (#F40F89): A luminous, vivid rose — the color of a warm blush.
• Olive Leaf (#6C7C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001422): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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

• Tempered Workshop color palette (#EFF6FF, #4C9AFF, #F82356, #408600, #00112D)
• Feathered Magenta color palette (#DFFBFF, #00AEBD, #CA4ACF, #906C00, #001619)
• Feathered Coral Atelier color palette (#FFF0FB, #90A9FF, #FF644D, #00A14D, #161E41)
• Antique Ember color palette (#FFF0F9, #8583EB, #CC5B2B, #007F56, #0A0628)
• Chalky Plum color palette (#C9E5F9, #0079AF, #B50063, #4E5900, #00273C)
• Faded Lilac Studio color palette (#FFF0F7, #AA92FC, #D57C3D, #009377, #2C1020)
• Aged Ember color palette (#DFEDFF, #8DC2FF, #D88E00, #DE5200, #002449)
• Antique Coast color palette (#D4ECF3, #007F98, #835D00, #4F5104, #001117)

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