Bronze Harbor color palette — #FDEDDC · #9E6C00 · #685300 · #393700 · #0F1200
A conversation between Ochre and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDEDDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#9E6C00): A full-bodied, balanced gold — the color of honey in a jar.
- Coffee (#685300): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#393700): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#0F1200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Garden color palette (#FFEBDF, #B57500, #7C6500, #4A4D00, #0E1C00)
- Antique Canyon color palette (#F2DFD9, #BF5000, #7F4800, #492D00, #180F00)
- Olive Pier color palette (#F6F2D0, #7D8300, #4A6000, #0C3D00, #001907)
- Hushed Boulevard color palette (#F4E2C4, #A47E00, #5C4D00, #2F2900, #020200)
- Hushed Lapis Pier color palette (#E7E4CF, #887800, #593CEB, #4F4500, #0D0039)
- Dusty Jade Pier color palette (#E9E9D8, #95BE5C, #00B17C, #6F4D00, #141D00)
- Tempered Harbor color palette (#E4E4D0, #6E6A00, #006482, #85005C, #080800)
- Linen Chapel color palette (#DBE7D9, #00A467, #007859, #004841, #002425)
Browse the whole catalog at Explore, or see today's palette.