Tangerine Pier color palette — #FFF2EB · #FF7752 · #6AA533 · #006DA7 · #340C02

Salmon and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Salmon (#FF7752): A luminous, vivid orange — the color of toasted spice.
• Kelly Green (#6AA533): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#340C02): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Ultramarine Lantern color palette (#FFF3E8, #F28606, #00AD6D, #125DD5, #2D1400)
• Dusty Corridor color palette (#FFF3E6, #D98500, #6E8800, #004EBE, #1E0B00)
• Weathered Coral color palette (#FFF2ED, #FB7872, #BF8500, #007676, #35090A)
• Timeworn Delta color palette (#FFF2ED, #FF8482, #828704, #4A2ABA, #460008)
• Weathered Indigo Ridge color palette (#FEF4E3, #CEAE6E, #63B093, #6C66B6, #2F220C)
• Hushed Ridge color palette (#FFF2EC, #D85F46, #008E47, #1D3CB3, #160100)
• Aged Teal Market color palette (#FFF0FD, #FFAFAA, #00AA8B, #0095C4, #3B2039)
• Pale Mulberry color palette (#FFF3E3, #BE8600, #008E9F, #8C0088, #140B00)

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