Bronze Harbor color palette — #FDD5CC · #866E00 · #004E2D · #321143 · #160022

Walnut and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDD5CC): A whisper-light, dusty orange — the color of autumn markets.
• Walnut (#866E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#321143): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#160022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Olive Field color palette (#EDDDCD, #547F14, #005550, #35092D, #170013)
• Bronze Ridge color palette (#FFE6E5, #9D5D00, #345200, #15244E, #010126)
• Olive Quarry color palette (#E6E3C8, #767D40, #355224, #003638, #0A1C2E)
• Nocturne Fern color palette (#F8E4D0, #4A6123, #003B39, #2A071E, #0D0001)
• Muted Driftwood color palette (#ECE1D1, #95944C, #3C643B, #102E5A, #0F0123)
• Washed Orchard color palette (#FFDAC9, #A08749, #487046, #45325C, #3C002F)
• Chestnut Canyon color palette (#F4DEC3, #726400, #2E3D00, #00220A, #000503)
• Aubergine Corridor color palette (#E2E1D3, #4E6500, #6D0094, #232F00, #06000C)

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