Softworn Bronze Harbor color palette — #F8F5ED · #D8D3AC · #85A67E · #AB6B4A · #584E00
Mocha and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5ED): a clean, paper-quiet neutral.
- Wheat (#D8D3AC): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#85A67E): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#AB6B4A): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#584E00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn 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
- Washed Field color palette (#F9F5ED, #C5C3A0, #738B4A, #755F64, #554F00)
- Antique Pier color palette (#FFF3E3, #D8C686, #AAA138, #6F7E43, #4D4D45)
- Stone Market color palette (#EDF8F2, #BCDEF0, #90B8AD, #9B7C87, #354C43)
- Muted Loft color palette (#EBE1D2, #9B972C, #516C00, #574100, #1D1C00)
- Cypress Loft color palette (#E5E6D3, #74B68B, #00856C, #764A18, #262C12)
- Washed Lilac color palette (#F8F5E8, #C4CA8E, #B5A5EB, #8C9347, #614251)
- Emerald Pier color palette (#F8F6E4, #98CA96, #009F6C, #905A36, #3A3B34)
- Wandering Periwinkle color palette (#F9F6E3, #A9BA77, #62ADE0, #C07A90, #44433B)
Browse the whole catalog at Explore, or see today's palette.