Bronze Harbor color palette — #FFF3E9 · #CBB497 · #AA7242 · #894A2E · #5B4400
A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Stone (#CBB497): A luminous, dusty gold — the color of old brass.
- Mocha (#AA7242): A luminous, balanced gold — the color of old brass.
- Coffee (#894A2E): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
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
- Cocoa Veranda color palette (#FFF3E9, #DBC6B3, #B2957D, #996750, #643E00)
- Softworn Pewter Dune color palette (#FCEDF3, #D1B1BC, #9C7687, #6F4B60, #203120)
- Chestnut Market color palette (#F0E7D5, #929C71, #716322, #5B3D14, #30312A)
- Timeworn Villa color palette (#F5DEC9, #856000, #552C00, #390600, #0D0C00)
- Tempered Stone Basin color palette (#FFF0F7, #C9E1C9, #DFA885, #A4889E, #3C4C43)
- Azure Atelier color palette (#EBF9F5, #5C96C8, #A0754B, #7B5632, #2A433C)
- Timeworn Iris Veranda color palette (#FEF1F5, #9383C0, #885770, #624D1C, #29392F)
- Hushed Petrol color palette (#EDF8F4, #98C7E9, #A16984, #34739E, #3A2928)
Browse the whole catalog at Explore, or see today's palette.