Peony Courtyard color palette — #F7F9D0 · #AEB9FF · #C85A8D · #006470 · #33174C

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

The five colors

• Custard (#F7F9D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Lavender (#AEB9FF): A luminous, balanced violet — the color of a velvet chair.
• Hot Pink (#C85A8D): A luminous, balanced rose — the color of a warm blush.
• Peacock (#006470): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#33174C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

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

• Chalky Basin color palette (#FAF6DB, #C6A6EC, #BC5C5D, #005A72, #33132F)
• Pale Delta color palette (#FFF0FB, #95A7FF, #D84221, #005D5E, #140D60)
• Weathered Plum Field color palette (#F8F7DA, #A394E4, #B63058, #004755, #210228)
• Soft Violet color palette (#EBFCD7, #4DD0FD, #9868DB, #00694B, #06284C)
• Amber Summit color palette (#FBF5E2, #EFB7E3, #C77D52, #1A6A96, #482723)
• Coral Study color palette (#FEF0FF, #F2CEF8, #E39393, #3980A2, #194366)
• Gentle Loft color palette (#D4FFFD, #9A69F6, #A13249, #00514C, #452A46)
• Patina Blush color palette (#E3FDE8, #FF92F6, #FF5A80, #3C9027, #4D263D)

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