Bronze Harbor color palette — #FFECF2 · #9C5D00 · #634D00 · #003F5A · #1E0300

Ochre takes the lead with Bronze close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#9C5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#634D00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003F5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1E0300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Dusty Bronze color palette (#DBFBE8, #8D7A00, #685900, #00415E, #1C0317)
• Scarlet Courtyard color palette (#FFEBFB, #CE4640, #7C4100, #004443, #24000C)
• Lowlit Chestnut color palette (#EFD7E0, #844900, #3C4100, #002758, #0A0004)
• Worn Navy Meadow color palette (#D5FEE0, #D96683, #7E5B00, #003788, #390700)
• Charred Bronze Ridge color palette (#FAD9E6, #9D5600, #033222, #1F0612, #060206)
• Weathered Navy Market color palette (#E9F6E9, #9F7431, #006A47, #4A3977, #09180A)
• Feathered Amber color palette (#FFF2E9, #D46700, #8B6D00, #00558B, #401303)
• Lowlit Fern Chapel color palette (#D7F7EA, #4E5400, #003E29, #002125, #040001)

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