Tangerine Pier color palette — #FFDAD1 · #EA782F · #925B00 · #584100 · #2E2B00

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDAD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EA782F): A luminous, vivid orange — the color of autumn markets.
• Ochre (#925B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Amber Corridor color palette (#F3E1D5, #B78226, #7F6500, #464600, #192700)
• Wandering Amber color palette (#FFD6CF, #FF9661, #C97A00, #7A5F00, #434200)
• Frosted Bloom color palette (#FFDDE6, #F26C71, #C73900, #6D3A00, #372300)
• Mustard Study color palette (#FFF1C8, #D2AB00, #866E00, #463300, #130E00)
• Olive Terrace color palette (#FADDAD, #BCA556, #808316, #39570B, #103A1B)
• Feathered Mint Archive color palette (#DAFDDE, #DCE892, #77D099, #A45A45, #352800)
• Sapphire Thicket color palette (#DFFBDE, #DD9825, #426ED1, #7C5100, #01145D)
• Ultramarine Veranda color palette (#CCF0D0, #A87900, #0072DF, #3A50CC, #221500)

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