Bronze Harbor color palette — #FFF1F7 · #E8AE7D · #B75A08 · #633500 · #422104

A conversation between Ochre and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#E8AE7D): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#B75A08): A full-bodied, balanced gold — the color of old brass.
• Bronze (#633500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#422104): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, warm.

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

• Rust Meadow color palette (#FFF0FC, #F3A3A1, #B7524A, #742C2B, #4C2120)
• Hushed Bronze color palette (#DFFEE9, #C9B36B, #926C00, #564200, #3B2900)
• Amber Studio color palette (#FFF2EA, #FFB885, #C47D4A, #7F4B1E, #492605)
• Bronze Lantern color palette (#F3E3CE, #AE6400, #522E00, #1C0C00, #070300)
• Washed Bronze color palette (#FFF0F9, #C29AAA, #A45C43, #704347, #324235)
• Cypress Corridor color palette (#F1F7F2, #C9AA64, #008268, #785B00, #0C292B)
• Oat Meadow color palette (#FFF0F9, #DFFFE1, #BAD393, #A46D7A, #54424B)
• Amber Pier color palette (#E3E9FD, #7DE8FF, #DB8C00, #244038, #1F281E)

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