Bronze Harbor color palette — #FCF1FB · #EBE9B5 · #A65F5F · #5B2426 · #150C14
Built around Mocha, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF1FB): a clean, paper-quiet neutral.
- Celadon Mist (#EBE9B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#A65F5F): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#5B2426): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#150C14): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Bronze Boulevard color palette (#EFF8EE, #F8E4B2, #946E3B, #4F3100, #061306)
- Pewter Garden color palette (#F6F3FD, #BCF3E3, #966191, #4D2A4A, #110C1A)
- Patina Driftwood Coast color palette (#FBF3F6, #BEE9F5, #A57C60, #5B3B4A, #22181C)
- Hushed Studio color palette (#F9EEF5, #E2A562, #823E2C, #381C31, #11090F)
- Hushed Coral color palette (#FFF2EC, #FCCA9A, #D27866, #85554A, #2D1E16)
- Bronze Thicket color palette (#F5E1E7, #957600, #2A1600, #0E0C05, #020100)
- Tempered Mustard Workshop color palette (#FFF0F9, #DFC331, #923800, #371000, #030000)
- Timeworn Fern color palette (#EBF9F2, #EFCA8D, #6D6601, #2C2900, #000502)
Browse the whole catalog at Explore, or see today's palette.