Hazy Courtyard color palette — #E4F3EC · #6F7000 · #4247B3 · #383900 · #040028

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

The five colors

• Cream (#E4F3EC): a clean, paper-quiet neutral.
• Olive (#6F7000): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#4247B3): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#383900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040028): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Aubergine Chapel color palette (#CAF3E8, #5E891E, #502A9F, #273E00, #0A0022)
• Dusty Ultramarine Studio color palette (#DBE8DA, #925F00, #0054AF, #4C2F00, #000719)
• Lapis Bloom color palette (#EDE6D1, #A19B25, #6044D3, #595500, #1A054D)
• Gentle Nightshade Pier color palette (#EFF0DB, #5B5C00, #482CAD, #4A1386, #040400)
• Olive Pier color palette (#E1F3EB, #717200, #006570, #3B3C00, #001F23)
• Dusty Grape Quarry color palette (#D2EFEC, #26B24C, #7F0DDD, #005D1F, #1F003D)
• Dusty Grove color palette (#CFEBE8, #21913C, #860057, #004313, #16000A)
• Wandering Indigo Orchard color palette (#F6E2E1, #5F68FF, #717900, #050E05, #000201)

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