Tempered Harbor color palette — #F3DACF · #E87F3F · #AD5600 · #693B00 · #351F00

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F3DACF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#E87F3F): A luminous, balanced orange — the color of autumn markets.
• Ochre (#AD5600): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#351F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Pale Market color palette (#FFDFEB, #BE986E, #9C5700, #6C3000, #281900)
• Tangerine Atelier color palette (#FCE6E5, #F36A40, #AB5A00, #744800, #4A3D00)
• Pale Pier color palette (#FFF1F1, #FFBAA9, #EA7700, #8A5D00, #3C2E00)
• Faded Bronze Station color palette (#DAE6DD, #BAA868, #867500, #595500, #2B2E00)
• Muted Brick Alley color palette (#FFE7EA, #F2737B, #CA0021, #850A00, #3F0E00)
• Feathered Orchid Market color palette (#FFECF4, #D97F2C, #B355C3, #884800, #380040)
• Dusty Mustard color palette (#E0FBDF, #B8E0BB, #CEC553, #A45A00, #382700)
• Patina Study color palette (#D0EED0, #AE7600, #228D0E, #B40149, #231400)

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