Tangerine Pier color palette — #F6D7E9 · #FF712B · #9A8300 · #7C439E · #40001A

Tangerine and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6D7E9): A whisper-light, dusty pink — the color of neon signs at night.
• Tangerine (#FF712B): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#9A8300): A luminous, balanced green — the color of a quiet forest floor.
• Plum (#7C439E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#40001A): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. 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

• Chalky Mulberry color palette (#EDDBE1, #CA7A00, #6B7C00, #821F75, #2A0001)
• Amber Orchard color palette (#FFE4F0, #D46A00, #6E4B24, #3F2733, #090206)
• Mustard Meadow color palette (#ECFAEC, #F3AF44, #8CAC69, #A06888, #542B1E)
• Coral Coast color palette (#F2D9EA, #FF6E4E, #AA7B00, #4A6F00, #3B0030)
• Moss Lagoon color palette (#D3E8D5, #D29600, #629622, #007166, #3E0A00)
• Patina Ember Balcony color palette (#FFF2EB, #E4653D, #387500, #003E57, #1C001A)
• Marigold Orchard color palette (#F2DECC, #E59900, #B78100, #856400, #362B00)
• Ember Cabin color palette (#F3D8ED, #E34839, #007559, #004869, #1F0E50)

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