Soft Harbor color palette — #F3F4FF · #8551E2 · #7A5800 · #463100 · #000304

A conversation between Amethyst and Coffee, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Amethyst (#8551E2): A full-bodied, vivid violet — the color of wild irises.
• Coffee (#7A5800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#463100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000304): quiet, heavy and certain.

Feels like: Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Soft 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

• Byzantium Pier color palette (#F3F4FF, #9849D5, #A23B00, #602000, #000406)
• Washed Iris color palette (#F2F5FF, #9276FF, #666900, #004524, #001106)
• Byzantium Ridge color palette (#F4F4FF, #A700C3, #494400, #2C2800, #000102)
• Cobalt Boulevard color palette (#ECF7FF, #008ED4, #8E4000, #582500, #000202)
• Weathered Raspberry color palette (#FCF1FF, #D3197E, #715200, #423000, #000208)
• Softworn Petrol Meadow color palette (#D4ECFA, #006F8A, #4F4500, #032F04, #000404)
• Magenta Lantern color palette (#F8F2FF, #EB08CA, #006F2E, #00491C, #00070D)
• Smoked Archive color palette (#F0E9FF, #960088, #1D3800, #0A1900, #000103)

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