Bronze Harbor color palette — #FCF4E7 · #C3B895 · #9E7938 · #82501A · #4F4A00

Walnut and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Stone (#C3B895): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#9E7938): A full-bodied, balanced gold — the color of old brass.
• Coffee (#82501A): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4F4A00): A full-bodied, balanced green — the color of a quiet forest floor.

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

• Aged Chestnut Canyon color palette (#F7E4D3, #B19259, #8A5526, #663328, #33302A)
• Wandering Taupe color palette (#EEF8F0, #C4E2D1, #9AC1A3, #AB8C6A, #374D45)
• Hushed Studio color palette (#FCEEC4, #86AB58, #716D00, #604300, #183F23)
• Worn Bronze color palette (#F0DDC7, #8E7300, #613C00, #461700, #1C1600)
• Pewter Quarry color palette (#ECF9EF, #B3D3C6, #87A48D, #8C687B, #384C49)
• Cerulean Canyon color palette (#E9FAED, #00A2B4, #AA6C64, #81504B, #354138)
• Obsidian Fern Pier color palette (#EBE1CB, #546100, #342B00, #1B0D00, #000500)
• Timeworn Stone color palette (#EEF8F2, #ECB191, #286778, #283E32, #1C2726)

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