Bronze Harbor color palette — #FCE9D8 · #866C00 · #653900 · #4A0201 · #040300

Built around Ochre, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Cream (#FCE9D8): A whisper-light, dusty gold — the color of old brass.
• Ochre (#866C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#4A0201): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Olive Courtyard color palette (#EBE5D7, #5F7B00, #524400, #381C00, #000501)
• Washed Chestnut color palette (#F0DFCC, #A27835, #875200, #613100, #060300)
• Cellar Olive Coast color palette (#F7DFD5, #797A00, #580105, #161508, #140000)
• Worn Bronze color palette (#FFDCD0, #996200, #4F4600, #002B06, #000302)
• Frosted Bronze Ridge color palette (#FEEED5, #9FA555, #906B00, #6C4127, #242702)
• Faded Rust Delta color palette (#F2E3DD, #CB3727, #00504C, #6E0400, #000300)
• Nocturne Cocoa color palette (#F5E2C5, #5F4000, #003D49, #001D24, #060001)
• Airy Amber color palette (#FCE1D3, #C67600, #9C4026, #642339, #1C1500)

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