Bronze Harbor color palette — #E8DED3 · #A17E00 · #4F3000 · #190C00 · #030100

Ochre and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E8DED3): bright and airy, almost weightless.
• Ochre (#A17E00): A luminous, balanced gold — the color of old brass.
• Espresso (#4F3000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#190C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Hollow color palette (#E6E0CE, #996A00, #2F2D00, #1A221C, #070600)
• Garnet Summit color palette (#F7E2DC, #908600, #6D001E, #260005, #060000)
• Bronze Orchard color palette (#F9EEE1, #B47300, #006058, #613C00, #000202)
• Worn Amber color palette (#FBEAEF, #B29302, #7C4C00, #3B2200, #060002)
• Fern Thicket color palette (#F1E6D6, #888A00, #2E6700, #003922, #000D0B)
• Worn Fern color palette (#DFDFCD, #D1984E, #3A6200, #1A3000, #0D0C00)
• Aubergine Summit color palette (#F1DAC6, #817300, #005937, #490051, #090D00)
• Amber Coast color palette (#EDF3E1, #CC7D22, #00532E, #002210, #020300)

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