Tempered Harbor color palette — #F8DFC7 · #AA7E01 · #723F00 · #410B00 · #010100
Mustard takes the lead with Bronze close behind in a set that reads as optimism and warmth at first glance.
The five colors
- Parchment (#F8DFC7): A whisper-light, dusty gold — the color of old brass.
- Mustard (#AA7E01): A luminous, balanced gold — the color of afternoon light on wheat.
- Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#410B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered 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
- Softworn Alley color palette (#E5E3CC, #7A9046, #584E00, #301D00, #000200)
- Dusty Chestnut color palette (#F9E1C6, #B0984E, #855300, #561D00, #040400)
- Aged Bronze Coast color palette (#FFF3E5, #D0BA66, #AA7000, #7E3400, #171B00)
- Patina Moss color palette (#F0EAD3, #939400, #00585F, #3E3F00, #000102)
- Patina Bronze color palette (#E5DCEE, #00A6CC, #A48100, #0B0D06, #020100)
- Softworn Aubergine Corridor color palette (#E5E0CE, #616500, #6417A8, #360062, #010100)
- Weathered Emerald color palette (#E4E9D1, #00A438, #006250, #002526, #000102)
- Moss Market color palette (#FEF5DB, #C0DBA0, #9A963F, #7D5800, #093015)
Browse the whole catalog at Explore, or see today's palette.