Hazy Courtyard color palette — #FADBE4 · #84C016 · #8507B5 · #44085E · #21030F

A conversation between Plum and Lime, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FADBE4): A whisper-light, dusty rose — the color of strawberry cream.
• Lime (#84C016): A luminous, vivid green — the color of new leaves after rain.
• Plum (#8507B5): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#44085E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#21030F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Energy. Tagged luxury, dark, vibrant.

Use it as a design system

One click turns Hazy 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

• Feathered Mulberry Parlor color palette (#F9DDDD, #A9B600, #9F0075, #55003D, #230306)
• Grape Bloom color palette (#F6DCEA, #9BBA2D, #5E02E7, #2E0F76, #0E0929)
• Hazy Alley color palette (#F5F3FF, #F3B913, #7E3388, #35003C, #020008)
• Patina Station color palette (#E0E2FF, #47DCA8, #945FD3, #5A3C7F, #0D0C22)
• Mulberry Boulevard color palette (#FCEAE6, #BAB974, #9A4353, #53242D, #20120F)
• Midnight Olive color palette (#F4DFE0, #6A7F00, #4E0043, #11000D, #030100)
• Powdered Market color palette (#FFECF0, #E674FA, #9A6F00, #A400BA, #1A0F00)
• Ember Bloom color palette (#ECDDFF, #E56800, #690051, #340027, #140A1E)

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