Hazy Courtyard color palette — #E8E3CB · #DD8400 · #848D00 · #006E58 · #020700

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

The five colors

• Parchment (#E8E3CB): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#DD8400): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#848D00): A luminous, balanced green — the color of fresh herbs.
• Pine (#006E58): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#020700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Misty Apricot color palette (#C7EADA, #F79200, #939E00, #008171, #041800)
• Tempered Emerald Hollow color palette (#E3E5D3, #A69700, #2E9000, #006C7C, #000603)
• Amber Canyon color palette (#E7E1C4, #BA9800, #808600, #296100, #111800)
• Coral Harbor color palette (#FBEDD7, #FF6D5B, #987400, #176807, #050400)
• Muted Olive color palette (#E0EFD9, #768100, #006E51, #003E57, #000201)
• Faded Clover color palette (#F0F6D7, #E1BD00, #0FB82E, #007B86, #001B13)
• Worn Olive Boulevard color palette (#DAFFF0, #F5CF23, #A5B000, #268D07, #010200)
• Dusty Ridge color palette (#F6EDD8, #638447, #005A4E, #4A1E36, #220313)

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