Weathered Courtyard color palette — #FFDFDE · #B24219 · #5E3800 · #2A2100 · #090B00

Terracotta and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDFDE): A whisper-light, dusty red — the color of embers at dusk.
• Terracotta (#B24219): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#5E3800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2A2100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#090B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Wandering Bronze Workshop color palette (#F3E4DD, #9E6500, #534600, #1A2700, #000D02)
• Timeworn Balcony color palette (#FCE7F0, #B2345A, #7E2500, #3D1D00, #110B00)
• Amber Garden color palette (#F9DCD1, #DE7500, #855400, #473300, #0D0900)
• Hushed Bronze color palette (#ECE3D4, #836700, #005E8D, #443400, #000912)
• Tempered Garnet Pier color palette (#FEE8CC, #AEB37C, #009A8F, #960524, #110F00)
• Misty Canyon color palette (#FCEBE2, #D39670, #996600, #5B5600, #243101)
• Timeworn Violet Delta color palette (#ECD9F4, #8058FF, #8C6D00, #0F0900, #020100)
• Weathered Meadow color palette (#EEEDD1, #615A00, #005279, #27325F, #040400)

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