Hazy Courtyard color palette — #F5EFDD · #777000 · #6C30B4 · #3F3B00 · #240048

Plum takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5EFDD): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#777000): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#6C30B4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3F3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#240048): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

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

• Weathered Orchard color palette (#D2E6DD, #6D7100, #5E31BF, #373900, #0A0022)
• Powdered Aubergine Pier color palette (#EEF0DC, #38921E, #5E19A6, #104600, #230345)
• Weathered Parlor color palette (#F0EAD0, #999E25, #7038D3, #545700, #21004C)
• Aged Ultramarine Chapel color palette (#F0DBBF, #916300, #2450B6, #4E3300, #000E51)
• Washed Mulberry Delta color palette (#EEEECC, #578D1D, #82006F, #244300, #33002B)
• Airy Aubergine color palette (#DCE4CC, #516300, #5A2D9E, #5D005F, #0F1400)
• Hazy Byzantium color palette (#D5E7DD, #BFB32D, #954CE9, #7C7300, #23093E)
• Plum Station color palette (#E8E8BB, #6CA822, #A80087, #355A00, #540042)

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