Bronze Harbor color palette — #FFF3E7 · #C3B69D · #A6743D · #884B2B · #524800
Built around Mocha, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Stone (#C3B69D): A luminous, dusty gold — the color of old brass.
- Mocha (#A6743D): A full-bodied, balanced gold — the color of old brass.
- Coffee (#884B2B): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Olive (#524800): A deep, shadowed, balanced 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 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
- Chestnut Villa color palette (#F9F2FF, #DCAEC8, #AE706B, #7F5128, #504700)
- Timeworn Cocoa color palette (#FDF3EA, #DAC8AD, #B49573, #97684D, #5B4400)
- Aged Chestnut color palette (#FBEEF2, #ADC1B0, #A07483, #784C32, #203027)
- Misty Coast color palette (#FFECCC, #99A466, #836400, #723600, #1F3E20)
- Washed Garnet Atelier color palette (#F7E4D9, #B28F6B, #885442, #67303E, #33302A)
- Worn Workshop color palette (#FFF1F5, #C3E2CE, #D6AD85, #A8869F, #394C47)
- Weathered Summit color palette (#FBF2F5, #D1B3E2, #937A3F, #805C93, #312D27)
- Worn Atelier color palette (#FEF2ED, #BB766D, #8C553B, #006154, #453131)
Browse the whole catalog at Explore, or see today's palette.