Tangerine Harbor color palette — #F5F4FF · #DD8DFA · #FD7A46 · #BB7800 · #3A1E43

Built around Tangerine, softened by Pink Orchid — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Pink Orchid (#DD8DFA): A luminous, vivid pink — the color of neon signs at night.
• Tangerine (#FD7A46): A luminous, vivid orange — the color of sun-warmed clay.
• Mustard (#BB7800): A luminous, balanced gold — the color of honey in a jar.
• Deep Indigo (#3A1E43): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Harbor 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

• Aged Fuchsia Balcony color palette (#F7F3FF, #FE83E6, #EF675C, #996C00, #351F64)
• Quiet Basin color palette (#FFF0F8, #9E97FD, #D27800, #2B7B00, #191636)
• Linen Fuchsia color palette (#F7F3FF, #F97CE7, #F2985B, #0082D6, #3D1F38)
• Blush Ridge color palette (#F2F5FF, #B0A4FF, #EE808D, #009AAA, #222947)
• Chalky Lilac color palette (#D8DCF7, #AD7DFF, #D16F73, #008296, #161733)
• Ancient Lapis color palette (#F1DBFC, #FF61A2, #D1951E, #5757E4, #3B081F)
• Iris Quarry color palette (#F2F5FF, #907EFF, #A28200, #7C6300, #29254C)
• Washed Lilac Loft color palette (#F4F4FF, #E2D5E2, #BDA6A0, #BD90D4, #3F3D4F)

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