Tangerine Pier color palette — #F3DEEA · #FF6F21 · #865E2E · #543749 · #190D18

Tangerine and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F3DEEA): A whisper-light, dusty pink — the color of a candy shop window.
• Tangerine (#FF6F21): A luminous, vivid orange — the color of sun-warmed clay.
• Walnut (#865E2E): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#543749): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#190D18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, 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

• Airy Cabin color palette (#EADDEB, #FF6481, #945340, #503753, #150F19)
• Amber Summit color palette (#EFD9E3, #D26C00, #6E4D02, #402733, #080306)
• Worn Balcony color palette (#E4F3E4, #D59200, #746817, #2F4930, #190D13)
• Muted Lantern color palette (#FFF2EB, #EF5B06, #493A0D, #221005, #050000)
• Inked Veranda color palette (#F1E4DB, #AE4700, #402003, #1E0A00, #080200)
• Aged Harbor color palette (#D7E4D7, #A16E00, #4B4300, #07240B, #050002)
• Pale Marigold color palette (#FAE7DE, #FFA45A, #E19400, #A37D00, #473B00)
• Softworn Stone Study color palette (#E8F6F1, #ADC176, #5C8580, #495853, #1E2320)

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