Tangerine Pier color palette — #FFE0D7 · #F98243 · #B06900 · #684200 · #2B1F00

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

The five colors

• Shell Pink (#FFE0D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F98243): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B06900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#684200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2B1F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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 Lagoon color palette (#F8E5E8, #F58864, #C87700, #885F00, #2E2D00)
• Marigold Dune color palette (#FFDDBA, #D49D00, #9A7E00, #4D4D00, #181F00)
• Antique Bronze color palette (#FFF1F5, #CFAD6F, #9B6B35, #6B3514, #171200)
• Gentle Scarlet color palette (#FFE9ED, #F77C89, #D34335, #843000, #3B1A00)
• Chalky Cobalt color palette (#FFF1F5, #F1A749, #008ADA, #8B5600, #001A2F)
• Dusty Bronze Basin color palette (#FAEAD3, #987C00, #615A00, #1F2300, #010200)
• Amber Summit color palette (#E0FFE0, #CED8E4, #A9E2C6, #BA7143, #2B1F00)
• Powdered Taupe Workshop color palette (#FFF3E6, #F5CC7D, #B7A040, #6C6B18, #3B4312)

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