Tempered Bronze Harbor color palette — #E7E1CE · #A5D4BC · #8EB59E · #AC6D49 · #6B320A
Mocha takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#E7E1CE): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A5D4BC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8EB59E): A luminous, dusty teal — the color of sea glass.
- Mocha (#AC6D49): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#6B320A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered 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
- Hushed Bronze Basin color palette (#BBF3DA, #ABD0BC, #C39AB3, #A5793D, #623F00)
- Softworn Study color palette (#F9D7B7, #BFC89C, #95A990, #A17577, #5C364F)
- Iris Meadow color palette (#DDEEE2, #75D0DD, #8496E6, #9F7436, #553700)
- Teal Veranda color palette (#F9F5E9, #ADD7A9, #5AB39F, #898659, #35362F)
- Tempered Pewter color palette (#F1FADA, #D1E3CB, #71A9BF, #925D83, #502D25)
- Teal Market color palette (#ECF2D9, #66B9A5, #658FB8, #865749, #461D12)
- Fern Cabin color palette (#F5F7E4, #C4E2DA, #CDB7CE, #AAA487, #605100)
- Pewter Garden color palette (#D1F3DF, #90C6D0, #6F99AF, #835C77, #573D5B)
Browse the whole catalog at Explore, or see today's palette.