Bronze Harbor color palette — #FCF2F5 · #CDD9DC · #ABC3C2 · #926B45 · #504448

A conversation between Walnut and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Silver (#CDD9DC): bright and airy, almost weightless.
• Stone (#ABC3C2): A luminous, dusty teal — the color of sea glass.
• Walnut (#926B45): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#504448): quiet, heavy and certain.

Feels like: Optimism, 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

• Softworn Hollow color palette (#F9F3F9, #E8D7D9, #CFBBBA, #866986, #4C454B)
• Timeworn Driftwood color palette (#EFF7F2, #D0DEDF, #ABADB9, #698B77, #4C554F)
• Patina Chestnut color palette (#EEF8F0, #BCDBCC, #83B2A5, #715600, #223928)
• Timeworn Basalt Thicket color palette (#E1EAE1, #9AAFA2, #6A867C, #4C3100, #0D170E)
• Apricot Loft color palette (#F9F4EF, #DADAD3, #9FB4B7, #D79F61, #663D00)
• Patina Bronze color palette (#D5EBDC, #886E00, #1B392F, #15231A, #080E0C)
• Wandering Forest Alley color palette (#D7E7E6, #A2BFC2, #6C96A1, #005329, #122322)
• Mustard Balcony color palette (#E8FBEC, #FFD8C0, #D6B655, #819A48, #1F402D)

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