Bronze Harbor color palette — #F5DAE4 · #AB7C21 · #704000 · #3B1400 · #020100

Caramel takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F5DAE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#AB7C21): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B1400): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

• Moss Ridge color palette (#E5F5EB, #8A8C19, #5B4C00, #2F1E00, #010100)
• Weathered Amber color palette (#FDDBE8, #C19043, #8B4E05, #561D00, #060300)
• Linen Bronze color palette (#FFF3E4, #D8B75A, #A97100, #763C00, #1B1900)
• Soft Garnet color palette (#F0DFE5, #A38E52, #9F5B00, #930508, #090D00)
• Tempered Garnet Thicket color palette (#F9E6EF, #D1517C, #930017, #3B1300, #030100)
• Antique Byzantium color palette (#EAE7F9, #9903A3, #4E5200, #003028, #030004)
• Timeworn Lagoon color palette (#EDEAFF, #B28600, #460056, #1B0710, #030004)
• Worn Magenta Villa color palette (#EBE7F7, #D153C3, #783A00, #67005F, #040002)

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