Tangerine Pier color palette — #FFD3C9 · #FFAC87 · #F07E08 · #AE6F00 · #574000

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD3C9): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FFAC87): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F07E08): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#AE6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#574000): A deep, shadowed, dusty gold — the color of old brass.

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

• Muted Hollow color palette (#F5DFD1, #ECAC65, #C88E00, #937700, #3F3900)
• Faded Amber color palette (#FFD4DB, #FA8774, #D36D00, #7F5700, #433E00)
• Hazy Field color palette (#FBDCD6, #F4620D, #9D5500, #664200, #2F2100)
• Hazy Ember color palette (#FFDCE5, #FF9EA4, #FF6253, #DE4800, #602B00)
• Amber Bloom color palette (#FFE8D1, #C48700, #987A00, #675C00, #1C1E00)
• Aged Moss color palette (#FFEACE, #E5CA86, #BDB24E, #878C00, #395021)
• Soft Apricot Coast color palette (#FFF3E6, #FBECA9, #C9E5A0, #FB863F, #514016)
• Amber Station color palette (#FFF3E7, #FFB263, #5FC1FF, #D58000, #003F5F)

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