Soft Harbor color palette — #D4E7ED · #7FBDFF · #7B8FF4 · #826AB4 · #533153
A conversation between Lavender Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E7ED): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#7FBDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#7B8FF4): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#826AB4): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#533153): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
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
- Soft Lilac color palette (#DFEAFE, #A7ABFF, #AE81E9, #A1629F, #552A3C)
- Misty Cornflower Quarry color palette (#CFE5FB, #70A6FF, #657AE2, #574D94, #3D3258)
- Timeworn Azure color palette (#C4E8E5, #00D3F7, #00A2EC, #6677BF, #3A3053)
- Sunlit Loft color palette (#FFE6F4, #B8B5FF, #DBB845, #8078D5, #423400)
- Lilac Loft color palette (#F5F3FF, #D5C7FF, #A78FED, #7764A8, #2A1946)
- Quiet Aubergine color palette (#C7E9FD, #5D99D5, #5160CA, #411D8C, #290A3F)
- Worn Harbor color palette (#D7F1FF, #4C91FF, #7652F9, #6F3495, #3E0932)
- Lilac Grove color palette (#FADAEE, #9EA4FF, #A6AC43, #639D62, #3A2332)
Browse the whole catalog at Explore, or see today's palette.