Tangerine Pier color palette — #F4DABF · #FE7220 · #B86D00 · #664C00 · #020100

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Peach Cream (#F4DABF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Tangerine (#FE7220): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B86D00): A luminous, balanced gold — the color of old brass.
• Bronze (#664C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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

• Weathered Ember color palette (#F1E3DA, #FF756F, #D65800, #824E00, #030100)
• Marigold Balcony color palette (#F0DDB7, #D09500, #988000, #4D5800, #010100)
• Worn Thicket color palette (#FAD8E3, #CB4D31, #804800, #433D00, #020100)
• Hazy Coral color palette (#F6E1CC, #FF6E63, #CE8000, #818200, #040200)
• Fern Study color palette (#F6EBDB, #887631, #555907, #002820, #000200)
• Linen Crimson Delta color palette (#FED7CC, #FF70AE, #EE0657, #8D2F00, #040000)
• Gentle Ridge color palette (#F4E1CE, #CA3D98, #874D00, #184800, #090400)
• Tempered Olive Delta color palette (#F3EDDA, #6F7000, #00606A, #2D2D00, #000102)

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