Tangerine Pier color palette — #FFEBF8 · #B3BDFF · #FA651B · #747CFF · #240700
A conversation between Tangerine and Periwinkle, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFEBF8): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender (#B3BDFF): A luminous, balanced violet — the color of wild irises.
- Tangerine (#FA651B): A luminous, vivid orange — the color of autumn markets.
- Periwinkle (#747CFF): A luminous, vivid violet — the color of wild irises.
- Ink (#240700): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Energy, Balance. Tagged duotone.
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
- Violet Station color palette (#FFECF5, #C2B7FF, #E79D2D, #8059E9, #1C0E00)
- Rose Station color palette (#DBFAF0, #89CAFF, #FF5477, #0095E7, #27020A)
- Quiet Drift color palette (#FFF1F5, #E1BEFF, #DB9800, #BD72F4, #291903)
- Timeworn Mallow Courtyard color palette (#FCE4E9, #EC95FF, #BD8B00, #AE68BE, #150B00)
- Soft Workshop color palette (#EFF1FF, #B793FF, #D90067, #7C39D4, #29000E)
- Patina Lilac Lagoon color palette (#FBF2F6, #DED8FF, #E6A591, #ACA0E1, #362B25)
- Feathered Corridor color palette (#BFF3D7, #B79DFF, #FA2E6A, #007D6E, #3E1443)
- Gentle Nightshade Workshop color palette (#E8EDFC, #8D7EFF, #9C3300, #4D00C6, #0B0100)
Browse the whole catalog at Explore, or see today's palette.