Bronze Courtyard color palette — #FFF2EB · #E2DBC3 · #C9A691 · #A9664D · #593600

Mocha and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C9A691): A luminous, dusty gold — the color of old brass.
• Mocha (#A9664D): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Bronze Field color palette (#FFF3E5, #CCAF67, #A06900, #663A19, #191100)
• Powder Coast color palette (#E8FAF2, #71D0FE, #D99C9D, #A4793C, #27352F)
• Hushed Bronze Summit color palette (#FBF5E3, #D4E6A6, #A3A16B, #87641F, #32322B)
• Muted Courtyard color palette (#FCF2F8, #CCAEBD, #97748A, #72516B, #56404A)
• Amber Ridge color palette (#FFF3E7, #FFC467, #CB7C29, #884E35, #352500)
• Obsidian Bronze Terrace color palette (#FFE1CC, #A26100, #602A00, #290300, #020100)
• Airy Moss color palette (#F6E3BD, #A0A100, #715E00, #442C00, #050400)
• Lagoon Lagoon color palette (#EDF8F2, #C9DCCA, #65917B, #344C40, #131E19)

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