Bronze Harbor color palette — #FAF3F9 · #E9D7D8 · #DFBAB6 · #A1635E · #241B22

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Bone (#E9D7D8): bright and airy, almost weightless.
• Stone (#DFBAB6): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A1635E): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#241B22): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Driftwood color palette (#FAF2F8, #E7D7D6, #B0B8CE, #B77765, #342B31)
• Aged Chestnut color palette (#FBF2F7, #EDD4D0, #AAC2AF, #894E2F, #15080F)
• Softworn Terracotta Courtyard color palette (#F7ECE7, #D7C9C1, #B39B89, #942921, #3C2920)
• Smoked Bronze Atelier color palette (#FFD9EB, #B55900, #332100, #140D06, #0B0105)
• Muted Atelier color palette (#FFF2ED, #E5B17B, #979361, #195C6E, #07284A)
• Antique Cabin color palette (#FFF0F9, #EED4CC, #FFA26E, #B88F0E, #200E00)
• Dusty Basin color palette (#EDF8F3, #C8E5EB, #A8B9CF, #92984A, #263A32)
• Lagoon Villa color palette (#DEFDF9, #7ACFAE, #00897E, #733F4A, #001D1F)

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