Bronze Harbor color palette — #FDF3EA · #C6B59E · #A5753C · #82501A · #5F4200
Built around Mocha, softened by Coffee — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Stone (#C6B59E): A luminous, dusty gold — the color of old brass.
- Mocha (#A5753C): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Coffee (#82501A): A full-bodied, balanced gold — the color of old brass.
- Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Bronze Harbor 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
- Feathered Bronze Harbor color palette (#FBEDD4, #AA9E56, #7F6600, #604400, #38380D)
- Washed Coast color palette (#FFF1F5, #B9D2BF, #B59573, #9A6652, #394D44)
- Cocoa Veranda color palette (#FAE3D5, #B88B71, #88553F, #663328, #352F2A)
- Timeworn Bronze Veranda color palette (#F0E0D3, #A0672D, #6C3400, #461700, #221200)
- Inked Chestnut color palette (#FBE6C8, #6D5614, #3B2800, #1B0D00, #050300)
- Muted Garnet Parlor color palette (#F6F3FF, #CDB1E2, #97769F, #794973, #6E2E39)
- Timeworn Cerulean color palette (#E9F9F5, #6292C6, #546C36, #215C4A, #25372C)
- Tempered Hollow color palette (#ECF8F5, #BAC69E, #41617F, #233F38, #182729)
Browse the whole catalog at Explore, or see today's palette.