Bronze Harbor color palette — #FFF2F0 · #CDB2A9 · #A57D3D · #705C87 · #674440

A conversation between Caramel and Slate, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Rosewood Mist (#CDB2A9): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A57D3D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#705C87): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#674440): A full-bodied, dusty orange — the color of toasted spice.

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

• Wandering Basin color palette (#FFEDE6, #CAB5A1, #8F8C6D, #805859, #6A4600)
• Softworn Lagoon Field color palette (#FFF3E7, #D6C8AC, #A0A17C, #598579, #594552)
• Wandering Driftwood Bloom color palette (#FFECF2, #A3C2AD, #69978D, #4C6074, #333A4B)
• Washed Study color palette (#FBEAE7, #CE8F82, #867400, #721F82, #6E2428)
• Cocoa Hollow color palette (#FADBBE, #A3A07A, #46807B, #79482C, #643400)
• Patina Lilac Lagoon color palette (#FBF5E5, #A9A262, #9B76C0, #716700, #4B385F)
• Onyx Basin color palette (#FAD6E0, #AB6851, #484C00, #460344, #360019)
• Weathered Garnet Lantern color palette (#EDDEC7, #7B855B, #00675A, #641B04, #332100)

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