Hazy Courtyard color palette — #D1E3E6 · #00877B · #3E35C1 · #630025 · #151200

Indigo takes the lead with Mulberry close behind in a set that reads as creativity and energy at first glance.

The five colors

• Silver (#D1E3E6): a clean, paper-quiet neutral.
• Teal (#00877B): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#3E35C1): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#630025): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#151200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Creativity, Energy, Balance. Tagged 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

• Powdered Corridor color palette (#CBE6F1, #00747F, #4D00AF, #4E0017, #0A0700)
• Aubergine Thicket color palette (#D1EAEB, #008964, #005593, #590051, #200B00)
• Wandering Aubergine color palette (#D5ECF8, #00829A, #7516A3, #571F00, #031700)
• Wandering Grove color palette (#DFFAEC, #0087AB, #2F3EA7, #3B004C, #060001)
• Byzantium Garden color palette (#CCEEFF, #009CB9, #8900E9, #8A0012, #262600)
• Indigo Boulevard color palette (#EAF1DB, #00AB65, #6161D2, #883100, #1D0D00)
• Faded Cobalt color palette (#D1E4E0, #69A2B1, #2E72B5, #7A3244, #481301)
• Worn Grove color palette (#D2E2E8, #006E71, #453E44, #002935, #000B10)

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