Bronze Harbor color palette — #F9F1DF · #B4AE71 · #847436 · #504B45 · #29220B
A conversation between Walnut and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F1DF): A whisper-light, dusty gold — the color of old brass.
- Sage (#B4AE71): A luminous, balanced green — the color of fresh herbs.
- Walnut (#847436): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#504B45): a grounded near-black with real depth.
- Onyx (#29220B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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
- Cocoa Garden color palette (#FDEFE3, #CBA37C, #926B50, #723C0B, #2D2010)
- Patina Fern Boulevard color palette (#E9E0C9, #9B9D63, #70660E, #4A3D0E, #1D1800)
- Wandering Orchard color palette (#EAFAEF, #AAAA7D, #7F7247, #3D5A3D, #2B433C)
- Worn Quarry color palette (#FEF4E2, #BAC496, #A18D5A, #905B29, #3B4200)
- Washed Lime color palette (#EAF6E8, #A5BF6E, #00625F, #1B2D19, #070F07)
- Fern Atelier color palette (#F1E6C5, #606800, #3B3800, #1E1800, #010200)
- Amber Archive color palette (#F7E8DE, #D46D00, #933D00, #631800, #1E0D00)
- Gentle Study color palette (#F6E0D2, #B05400, #722900, #450900, #0C0300)
Browse the whole catalog at Explore, or see today's palette.