Bronze Harbor color palette — #FFF3E8 · #E6DEB6 · #CEA45F · #957D2E · #53514A

Built around Walnut, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Celadon Mist (#E6DEB6): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CEA45F): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#957D2E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#53514A): quiet, heavy and certain.

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

• Muted Summit color palette (#FBF4E9, #D9E1C4, #C0AB8B, #947350, #4B3F00)
• Worn Marigold color palette (#FFF1F7, #E4A763, #AB833A, #736533, #365447)
• Muted Olive Dune color palette (#FFF4DB, #C1EFC6, #9ABB77, #57874C, #4C4E47)
• Amber Parlor color palette (#FCF4E8, #DBE6B6, #AECDFF, #BE930E, #314669)
• Weathered Grove color palette (#FFE2A2, #B8AB38, #777800, #415900, #072200)
• Softworn Alley color palette (#FFF3E4, #EDC149, #A99500, #5D6900, #203700)
• Pale Moss color palette (#E2E3C8, #7C9E1F, #3B7100, #004312, #000E05)
• Dusty Corridor color palette (#F6E7DA, #8D6100, #4A3B00, #1E1A00, #010100)

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