Tangerine Pier color palette — #F3D9D5 · #FFA789 · #EF7900 · #B26B00 · #5A3E00

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F3D9D5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFA789): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#EF7900): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#B26B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5A3E00): 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 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 Courtyard color palette (#EFDED5, #F2AA65, #C88513, #8E6E00, #4A4000)
• Frosted Coral color palette (#FFE9EB, #FFA1A2, #FF6446, #C95000, #633500)
• Worn Apricot Dune color palette (#FFEAD9, #F0BD7D, #E08D4B, #AF6C55, #39352F)
• Quiet Ember Studio color palette (#FADFDA, #F3663B, #A85200, #6A3F00, #311F00)
• Quiet Studio color palette (#FAE1CC, #CC8100, #9A7100, #645900, #222500)
• Misty Amber color palette (#FFF3E8, #FFB172, #6CCEFF, #CE7100, #004059)
• Feathered Apricot color palette (#FFF3E7, #DBECC0, #9AE9AF, #ED9172, #5D400D)
• Soft Boulevard color palette (#FFD8A6, #F0BC06, #B89F00, #7B8200, #2F4400)

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