Hazy Courtyard color palette — #FFEAE8 · #EA8346 · #976600 · #524900 · #142900

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFEAE8): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#EA8346): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#976600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#524900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#142900): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Feathered Apricot color palette (#FFF2EE, #F19C5F, #A07000, #544500, #0F1200)
• Amber Balcony color palette (#F3DBD0, #CE7E00, #706000, #384500, #001E0C)
• Washed Thicket color palette (#FFE4F3, #F67179, #B84900, #684200, #2B2500)
• Bronze Chapel color palette (#FFD5CE, #E89D63, #A58000, #575C00, #033E08)
• Hushed Ember Parlor color palette (#EBDCC4, #E7643D, #7C6700, #273D96, #371D00)
• Olive Lantern color palette (#F7E4CE, #BF9F26, #637F00, #005C2B, #00281F)
• Bronze Market color palette (#F8E3CF, #9A7F00, #4C5900, #00360B, #000C08)
• Apricot Lantern color palette (#FFF1E5, #FFAEA9, #F49100, #729600, #352700)

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