Bronze Courtyard color palette — #F9F1E3 · #BBC092 · #9F7D3A · #7B4C0E · #2D2D1E

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#BBC092): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9F7D3A): A luminous, balanced gold — the color of old brass.
• Coffee (#7B4C0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D2D1E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Amber Summit color palette (#EEE0D5, #B37901, #7F4315, #4F201C, #150D00)
• Wandering Canyon color palette (#E9FAEE, #9BC2B4, #688A72, #755162, #374D4A)
• Tempered Study color palette (#EEE2D3, #847100, #5C3C00, #3B1700, #040600)
• Amber Drift color palette (#FFE3D1, #D1904B, #9F5331, #6D2B31, #271900)
• Tempered Turquoise Canyon color palette (#E8F6EA, #00A8B4, #AA754E, #635D57, #1B261D)
• Cerulean Coast color palette (#E6F6F0, #1796D1, #965459, #734337, #181C0C)
• Washed Stone Station color palette (#EAF5EF, #F1B395, #33697D, #20372C, #0B1711)
• Muted Driftwood Terrace color palette (#ECF4EF, #88D1DF, #847AAF, #337D8B, #1E1118)

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