Tempered Harbor color palette — #F0DDC4 · #B08935 · #7F6400 · #463B00 · #282400

Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0DDC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B08935): A luminous, balanced gold — the color of old brass.
• Ochre (#7F6400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#463B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#282400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Bronze Villa color palette (#FADED2, #C47C51, #9D5500, #653B00, #2A1800)
• Dusty Amber color palette (#F5D9C6, #CC8C25, #8A6B00, #4B4D00, #133F26)
• Muted Balcony color palette (#E5E7C8, #929E4C, #587300, #2A4800, #092500)
• Powdered Grove color palette (#FFEFE7, #F5BD79, #AD8C00, #5D5E00, #293A00)
• Washed Alley color palette (#F2E8D1, #9E9346, #008D92, #615600, #002123)
• Wandering Loft color palette (#F1F0D1, #A5C49C, #5C925F, #1C6B39, #31332D)
• Terracotta Summit color palette (#EFE6CF, #8D7C00, #00825F, #9E2F15, #181400)
• Jade Grove color palette (#DBEDDF, #0BB07A, #008866, #00594A, #003029)

Browse the whole catalog at Explore, or see today's palette.