Tangerine Pier color palette — #FFDBD4 · #FFA180 · #F76B00 · #B85F1A · #4E2C0D

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 (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA180): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F76B00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B85F1A): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4E2C0D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Pier 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

• Worn Ember Balcony color palette (#FFF1F2, #FFAEA4, #D56626, #8A5300, #382900)
• Amber Veranda color palette (#F4E5DA, #E6B790, #D9864F, #9F6B57, #342F2A)
• Marigold Thicket color palette (#FFDEC4, #FEB97F, #F09802, #AA7725, #56431B)
• Aged Drift color palette (#FCEBDD, #FCA86B, #50CC80, #D97100, #054121)
• Blush Canyon color palette (#FFDEE6, #FF94AC, #F95F7B, #B34F4F, #552A24)
• Terracotta Workshop color palette (#EEDCE1, #DA7A82, #A44800, #563700, #272200)
• Washed Clover color palette (#F6E1CA, #EF9800, #6FBC37, #DB6C8D, #392712)
• Faded Bronze Garden color palette (#F9E4D1, #B57200, #916300, #5A4300, #1E1600)

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