Bronze Courtyard color palette — #F7F3FC · #CCA2BF · #BD7670 · #8C5E12 · #3D481F

Ochre takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F3FC): bright and airy, almost weightless.
• Mauve (#CCA2BF): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#BD7670): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#8C5E12): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3D481F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Washed Meadow color palette (#FBF2FA, #DBA09D, #AD8357, #6A6F1A, #204D35)
• Bronze Basin color palette (#FBEDFB, #D07880, #A35F00, #515400, #003521)
• Timeworn Bronze Loft color palette (#EAF8FA, #80C0B3, #B67B6B, #826500, #194C46)
• Powder Parlor color palette (#FFF0F9, #C5C5FF, #B888AA, #8C5D55, #1A4037)
• Hushed Terracotta color palette (#F1F5FE, #A6ACE4, #A77AA9, #984F5B, #5F3719)
• Hushed Apricot Atelier color palette (#FDF1FB, #ADC6FF, #DC957E, #7B8F62, #42433C)
• Weathered Plum Market color palette (#EDF6FF, #699EC7, #A55269, #485B23, #20494F)
• Wandering Amber color palette (#FAE0EA, #CA7400, #706D00, #00572B, #002A2C)

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