Hazy Courtyard color palette — #FFF3E7 · #E0B177 · #B56900 · #793900 · #231500

Built around Ochre, softened by Bronze — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#E0B177): A luminous, balanced gold — the color of old brass.
• Ochre (#B56900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#793900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#231500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance, Grounding. Tagged earthy, 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

• Powdered Rust Drift color palette (#FFF2EB, #F5A578, #CD5115, #911300, #291100)
• Chestnut Study color palette (#FFF2EA, #E2C0A3, #B17B5F, #86422B, #321B00)
• Wandering Bronze Grove color palette (#FFF4DD, #C7BE5C, #947D00, #624900, #191A00)
• Hushed Dune color palette (#EADED0, #A28044, #6B4300, #341A00, #020100)
• Amber Courtyard color palette (#FFE7F0, #B48400, #864A00, #641500, #151300)
• Quiet Rust Veranda color palette (#F4D8BE, #DDB153, #D67B00, #B94728, #2D2A00)
• Basalt Lantern color palette (#FDF4E9, #DDDEC2, #C5A984, #96724F, #533B00)
• Pale Azure color palette (#DAFEF4, #0E96F6, #5C9000, #006449, #000D1E)

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