Hazy Courtyard color palette — #FAE8D4 · #BB9D2A · #6A8000 · #5E2200 · #0E0700

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

The five colors

• Parchment (#FAE8D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BB9D2A): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#6A8000): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0E0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, 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

• Softworn Garnet color palette (#FAE8DF, #CC853F, #917400, #6C0023, #0C0200)
• Emerald Archive color palette (#F6EAD0, #8FA953, #009855, #5A3A00, #040600)
• Gentle Field color palette (#FFDECB, #C6A81D, #27936A, #6E233E, #221600)
• Wandering Mustard Cabin color palette (#F4E4D3, #D5B22F, #899F45, #903913, #001C07)
• Dusty Olive color palette (#F3F0E2, #656F00, #003F42, #282D00, #000200)
• Clover Basin color palette (#FFEBD3, #D5CA78, #6FC34E, #A05100, #291F00)
• Chestnut Grove color palette (#FDE6D2, #855600, #542A00, #2F0A00, #030100)
• Worn Teal color palette (#F4F3DF, #BEE3C9, #23C7C3, #746E1B, #20250F)

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