Tangerine Pier color palette — #FFF0F8 · #F06E00 · #007C73 · #004369 · #1B0035

Tangerine takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Tangerine (#F06E00): A luminous, vivid orange — the color of toasted spice.
• Teal (#007C73): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004369): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#1B0035): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Quiet Nightshade Meadow color palette (#FFF1F6, #DC8000, #007B78, #20289F, #16003B)
• Rose Dune color palette (#FFF0FE, #FF5561, #008222, #00426F, #001326)
• Aubergine Harbor color palette (#E6FCE9, #BA8800, #007082, #4E1670, #180022)
• Marigold Basin color palette (#E7FCE9, #E2A000, #008CAA, #473FA2, #3D0531)
• Misty Bronze Hollow color palette (#FFE2CB, #A95300, #005D16, #003752, #40003E)
• Bronze Grove color palette (#DFFBE9, #8F7900, #005768, #440036, #050002)
• Washed Lapis Chapel color palette (#FADCFF, #FF7491, #00A27F, #5B45E0, #21006B)
• Worn Dune color palette (#FFF2EE, #F2BA65, #80A257, #515481, #2D2F5E)

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