Bronze Harbor color palette — #E8DCD2 · #B07927 · #7A3800 · #460005 · #020100

Caramel and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Bone (#E8DCD2): a clean, paper-quiet neutral.
• Caramel (#B07927): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#460005): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

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

• Aged Moss Cabin color palette (#F8E6CC, #91891E, #644800, #361800, #010100)
• Gentle Terracotta Corridor color palette (#F7E0D1, #C48E4A, #984300, #5B1317, #060300)
• Faded Atelier color palette (#FFF3E8, #E5B23B, #B56900, #892500, #1B1900)
• Olive Cabin color palette (#FFF5D6, #A0BE7B, #807A00, #5D4000, #111500)
• Pale Amber color palette (#FFF4DD, #CAD98A, #AB9000, #855300, #292A09)
• Timeworn Dune color palette (#F0DDFB, #E050A5, #9E0043, #3F0F00, #030100)
• Grape Canyon color palette (#FFE7F5, #5D28E6, #564F00, #002F2E, #010009)
• Orchid Corridor color palette (#F8E4E9, #B75CEC, #8A2400, #59007E, #040000)

Browse the whole catalog at Explore, or see today's palette.