Tangerine Pier color palette — #FCE1AA · #F56600 · #8C6800 · #005766 · #402000

A conversation between Tangerine and Ochre, giving this palette its sense of trust and stability.

The five colors

• Peach Cream (#FCE1AA): A whisper-light, dusty gold — the color of old brass.
• Tangerine (#F56600): A luminous, vivid orange — the color of toasted spice.
• Ochre (#8C6800): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005766): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#402000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged retro.

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

• Tempered Amber color palette (#F7E2B7, #C98B00, #6A7700, #005086, #332800)
• Weathered Rose color palette (#F7E2B7, #FF4D72, #AA5300, #005A51, #4E0D0A)
• Muted Apricot Chapel color palette (#FFF4DE, #F38D00, #916C00, #00552F, #251400)
• Pale Amber color palette (#FFE2CB, #D76900, #007F2F, #004C78, #430035)
• Washed Crimson Pier color palette (#F3E5B0, #E80042, #625100, #00376F, #461900)
• Bronze Grove color palette (#FEE4CB, #A96500, #453600, #2A1500, #100400)
• Ultramarine Meadow color palette (#F8E3B0, #FF8A79, #B99017, #125CCD, #441C00)
• Antique Apricot Basin color palette (#FFF3E8, #FFABA4, #FC9A2F, #9A8E00, #402600)

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