Bronze Harbor color palette — #DDF6E2 · #A2A163 · #856400 · #6E3A00 · #2A3C12
Ochre and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF6E2): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#A2A163): A luminous, balanced green — the color of fresh herbs.
- Ochre (#856400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#6E3A00): A full-bodied, balanced gold — the color of old brass.
- Forest (#2A3C12): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Feathered Bronze color palette (#FFE7F2, #BA9662, #985625, #76302A, #3F3506)
- Moss Drift color palette (#CAE7CE, #9C9016, #765400, #5D2D00, #212E00)
- Misty Thicket color palette (#DCF7E2, #C4B576, #A68000, #805800, #3B3700)
- Washed Hollow color palette (#FEEDD9, #7D6500, #503000, #340F00, #0B0D00)
- Worn Driftwood Garden color palette (#EAFAEE, #9AC2B2, #658B71, #71545E, #344E49)
- Worn Indigo Basin color palette (#F0F5FF, #4F65EA, #686D00, #4B4E00, #1B2B49)
- Frosted Navy Courtyard color palette (#F0F5FF, #BBA029, #2A3E93, #142054, #101A2D)
- Aged Plum Boulevard color palette (#F8F2FF, #A93D90, #951000, #174800, #0E2744)
Browse the whole catalog at Explore, or see today's palette.