Soft Harbor color palette — #E2EFFF · #4F87FF · #4F54DF · #4523A6 · #100027
A conversation between Iris and Indigo, giving this palette its sense of creativity and energy.
The five colors
- Frost (#E2EFFF): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#4F87FF): A luminous, vivid violet — the color of a velvet chair.
- Iris (#4F54DF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4523A6): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#100027): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy. Tagged 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
- Wandering Amethyst Coast color palette (#E0E6F9, #8778FF, #7446D2, #5F1D9A, #1B0025)
- Ancient Cornflower Market color palette (#EEDDF0, #4B7EFF, #664AD0, #7C1C47, #050528)
- Worn Nightshade Garden color palette (#E0F1FC, #2A87ED, #4131C5, #290055, #030005)
- Weathered Azure color palette (#C5E6F3, #0099D4, #0074B5, #00478A, #000335)
- Twilit Bloom color palette (#D6E4FF, #4642FF, #30285C, #23141B, #01051D)
- Byzantium Market color palette (#DFE5F1, #5E6BFF, #9A15AF, #800031, #00090D)
- Misty Orchid color palette (#DFDEF8, #9A58F1, #7E37AE, #600075, #070006)
- Worn Amethyst color palette (#D7E5FF, #A1B2FF, #8D78FF, #8046DB, #3E005F)
Browse the whole catalog at Explore, or see today's palette.