Bronze Harbor color palette — #FFF3E6 · #C9B68C · #A4763B · #844F1E · #5A4500
A conversation between Mocha and Coffee, giving this palette its sense of optimism and balance.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#C9B68C): A luminous, dusty gold — the color of old brass.
- Mocha (#A4763B): A luminous, balanced gold — the color of old brass.
- Coffee (#844F1E): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#5A4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Balance, 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
- Moss Delta color palette (#FAEDD4, #A4A238, #7E6700, #644100, #2F3B10)
- Timeworn Terrace color palette (#FBE2D3, #C7864D, #905032, #67322D, #342F2A)
- Worn Bronze Atelier color palette (#F1DDBE, #7C6500, #4C3300, #2D1500, #0D0C00)
- Driftwood Dune color palette (#F0F8EF, #CBE0CD, #A2BFA0, #AF8495, #3A4D3F)
- Softworn Iris Market color palette (#FCF2F9, #7284CD, #925C39, #3C522B, #26352C)
- Ancient Mallow color palette (#FFF0F9, #C7B1ED, #9B71A1, #7C4E6B, #6F374D)
- Timeworn Driftwood Lagoon color palette (#FAF2F8, #ACBFF2, #A56783, #5B6B99, #372A29)
- Washed Stone color palette (#F9F3F9, #D6BD88, #436084, #423243, #2B2124)
Browse the whole catalog at Explore, or see today's palette.