Sunlit Harbor color palette — #D4E4FF · #9CA1F2 · #7E63B0 · #0B4278 · #0B0F36
Built around Slate, softened by Wisteria — the whole palette hums with trust and stability.
The five colors
- Frost (#D4E4FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Wisteria (#9CA1F2): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#7E63B0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#0B4278): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0B0F36): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Sunlit 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 Orchid color palette (#DBE4F4, #9092DB, #A05DBA, #003F5D, #02001E)
- Softworn Periwinkle color palette (#CEE6F3, #4DABFF, #5C7CD3, #004456, #001B2F)
- Wisteria Chapel color palette (#ECEEFB, #C388E2, #A3579E, #372A78, #1C092F)
- Wisteria Boulevard color palette (#DAE6F8, #A7A7EF, #B47DD6, #005C84, #111441)
- Weathered Harbor color palette (#F3F4FF, #CEC2FF, #B582DA, #3E599F, #322E51)
- Blush Coast color palette (#EDE9FF, #F1B2E5, #D785AB, #6C4A86, #322B48)
- Dusty Blush Boulevard color palette (#D9E8F7, #B9B1FF, #F975A1, #00878B, #051037)
- Softworn Stone Market color palette (#F6F3FF, #FFCEE6, #D89EAA, #806187, #483E55)
Browse the whole catalog at Explore, or see today's palette.