Tangerine Pier color palette — #F7E8F1 · #FD7038 · #806130 · #5E3627 · #180C1A

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

The five colors

• Blush (#F7E8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Tangerine (#FD7038): A luminous, vivid orange — the color of toasted spice.
• Walnut (#806130): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#5E3627): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#180C1A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Balance. Tagged noir, dark, luxury.

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

• Patina Amber color palette (#DBF1D9, #D98F00, #6A6A3C, #583B0F, #1B0C15)
• Worn Blush Veranda color palette (#F6E0FA, #FF6288, #8B5943, #4F3854, #140E1C)
• Amber Boulevard color palette (#F9DAE9, #D76700, #65511B, #432435, #080307)
• Ember Delta color palette (#FFF0F9, #ED5F02, #5A2F07, #25091C, #040003)
• Bronze Terrace color palette (#E4F4E4, #A46C00, #454508, #2B1900, #060003)
• Patina Moss color palette (#D8F9E8, #9C9600, #3C6539, #393700, #010A02)
• Antique Stone color palette (#E9F5F0, #B1BF7B, #658280, #475953, #1C241E)
• Feathered Marigold color palette (#FFE7E2, #FFA36C, #E49100, #997500, #4D4600)

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