Sunlit Harbor color palette — #F4DFF0 · #7DB8FF · #7A94FF · #855ED9 · #13143A
A conversation between Amethyst and Lavender Blue, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4DFF0): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#7DB8FF): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#7A94FF): A luminous, balanced violet — the color of twilight just after sunset.
- Amethyst (#855ED9): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#13143A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, 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
- Orchid Orchard color palette (#FAD1E2, #9AA1FF, #A56FFF, #9C41AE, #1E092F)
- Dusty Magenta Basin color palette (#E7EFFF, #7FCFFF, #89AAFF, #C85AFF, #13003F)
- Hazy Harbor color palette (#ECF2E1, #82B7E6, #3A76BE, #005474, #081C46)
- Powdered Alley color palette (#F7D5EE, #00A0DE, #4C6DF5, #812EAB, #170A3F)
- Cobalt Courtyard color palette (#C5EADB, #00BEE1, #00A8EF, #3975D5, #001A2C)
- Magenta Summit color palette (#FFF1F6, #C3C9FF, #B894FF, #C15CD2, #390B51)
- Gentle Magenta color palette (#FFF0FD, #33EAFB, #66A7FF, #BF00B0, #020014)
- Hushed Byzantium color palette (#E1E0F0, #9765FF, #862FCF, #561278, #330B41)
Browse the whole catalog at Explore, or see today's palette.