Hazy Courtyard color palette — #FFF2EA · #FFC1A7 · #E8815C · #C14B00 · #3F1100

Terracotta and Coral Clay set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#FFC1A7): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#E8815C): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#C14B00): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#3F1100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, 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

• Timeworn Bronze Cabin color palette (#FFF3E7, #FDCFA9, #E49F5E, #B36A19, #462700)
• Linen Ember Archive color palette (#FFF2ED, #F3AA8A, #CA6132, #883300, #401500)
• Rust Thicket color palette (#FFE8DF, #EA8559, #AB4618, #591C00, #1B0400)
• Aged Plum Delta color palette (#FFF1F3, #FFB4BD, #E77C94, #C4425E, #450017)
• Antique Bronze color palette (#F6EDE2, #E6C288, #AC7D41, #724E1C, #1E1407)
• Aged Drift color palette (#FFEBBC, #F1B90D, #C69400, #8A6800, #201600)
• Amber Grove color palette (#F4E1C8, #D28B0F, #976600, #5C3C00, #060200)
• Worn Bronze color palette (#F2E7D0, #C7C496, #AD9E60, #977416, #313308)

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