Bronze Harbor color palette — #FEF3E9 · #C7B59E · #A6743E · #844F1D · #614000
Built around Mocha, softened by Coffee — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FEF3E9): a clean, paper-quiet neutral.
- Stone (#C7B59E): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A6743E): A full-bodied, balanced gold — the color of honey in a jar.
- Coffee (#844F1D): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.
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
- Ancient Bronze Workshop color palette (#FFECCD, #B09C52, #846400, #634200, #38352E)
- Ancient Basin color palette (#FFF1F6, #B8D3BD, #B89373, #976659, #3A4D44)
- Weathered Fern Lagoon color palette (#E7E0D1, #8D8B53, #645500, #463400, #242700)
- Timeworn Cocoa Cabin color palette (#FEE2CE, #9B6942, #703000, #491300, #231100)
- Patina Basin color palette (#F4F7EB, #5D956E, #955D50, #6A4A1D, #383730)
- Eclipse Chestnut color palette (#ECE1D4, #725400, #3D2600, #1C0D00, #050300)
- Timeworn Basalt color palette (#F2F7ED, #BEC697, #366A56, #2B4100, #1C2821)
- Hushed Lagoon color palette (#EEF8EE, #4F9F9D, #707BAE, #5F6339, #334232)
Browse the whole catalog at Explore, or see today's palette.