Bronze Harbor color palette — #F9F2FF · #E9B1B5 · #CD8278 · #A76131 · #3E573D

A conversation between Ochre and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Rose Quartz (#E9B1B5): A luminous, dusty red — the color of embers at dusk.
• Dusty Rose (#CD8278): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A76131): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3E573D): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Wandering Ember Market color palette (#FFEDE7, #E39F97, #CA6959, #8C513B, #54514A)
• Muted Bronze color palette (#FFF0F9, #EFC09D, #C1985B, #8D7A26, #2E5748)
• Timeworn Amber color palette (#FDF1F9, #DFB6D0, #65BFDA, #CD6E4E, #2A5367)
• Washed Hollow color palette (#F4F1FF, #E7B9D7, #CF85A0, #AB5C60, #67485D)
• Timeworn Chestnut Field color palette (#FFF0F8, #F7CAAF, #CB8D69, #925827, #55301B)
• Bronze Market color palette (#FFEAE4, #DF975E, #AD7500, #756000, #424100)
• Antique Quarry color palette (#F6DCC2, #8F7100, #595A00, #2B3C00, #021E01)
• Worn Azure color palette (#FFF1F5, #CFA983, #69B5A5, #5A95DA, #523B43)

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