Weathered Tangerine Harbor color palette — #FDE0DB · #FF7037 · #AE5E00 · #804D00 · #402E00

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FDE0DB): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FF7037): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#AE5E00): A full-bodied, balanced gold — the color of old brass.
• Coffee (#804D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#402E00): 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 Weathered Tangerine 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

• Frosted Study color palette (#FFF0ED, #FF9369, #C46800, #7C4B00, #2E1E00)
• Linen Rose color palette (#FFE2E7, #FF3B3C, #9A5300, #563C00, #20340D)
• Linen Meadow color palette (#FDE4CF, #D58B00, #967700, #665B00, #313700)
• Bronze Ridge color palette (#FAD1E1, #CB9B52, #AE6100, #8A3300, #332700)
• Patina Marigold Field color palette (#FFE2BC, #E3A100, #A16C00, #644200, #241500)
• Hazy Lime color palette (#FFF3E7, #FFDE7C, #9ACB41, #D15700, #503800)
• Patina Cobalt Balcony color palette (#FFDEC1, #F59629, #007FD7, #985700, #002F55)
• Quiet Scarlet color palette (#FDE7ED, #FF738B, #E6071C, #932300, #522400)

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