Tangerine Pier color palette — #FED6D0 · #FF6943 · #C74D00 · #813B00 · #4F2700

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

The five colors

• Shell Pink (#FED6D0): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FF6943): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C74D00): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#813B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4F2700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tangerine Alley color palette (#FFEBE1, #F1810B, #AC6400, #714600, #493000)
• Feathered Scarlet color palette (#FFE6E8, #FF5E6A, #DB0023, #971500, #5D1D00)
• Misty Thicket color palette (#FFE6ED, #FF8A93, #E04800, #794C00, #322500)
• Muted Tangerine Chapel color palette (#FFDDC5, #EA7E00, #00A859, #9D5300, #00381A)
• Airy Mustard Pier color palette (#FFEFE0, #FFCF81, #D4B200, #BB5B06, #472E00)
• Apricot Boulevard color palette (#FFF2EB, #FFB086, #C98B63, #99704B, #504B45)
• Muted Bronze color palette (#F7E1D5, #A05600, #6B3F00, #311D00, #0E0700)
• Linen Plum Parlor color palette (#FFE8D4, #C97400, #639100, #BF2372, #381C00)

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