Sunlit Harbor color palette — #C6E8FB · #0089E7 · #3048FF · #4C0FAE · #1B002C
Iris and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C6E8FB): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0089E7): A luminous, vivid blue — the color of deep harbor water.
- Iris (#3048FF): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4C0FAE): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1B002C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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
- Powdered Amethyst color palette (#DEEDFF, #5D7DFF, #6B38FF, #6E00A0, #25002B)
- Ultramarine Lantern color palette (#D9EAFF, #296BFB, #2C04F5, #2A0096, #11003A)
- Hushed Nightshade Chapel color palette (#DAF4F9, #0093BF, #0066C8, #2C2FBB, #150042)
- Patina Ultramarine Drift color palette (#DBE8F9, #3279FF, #2A2EE5, #180072, #010009)
- Hazy Amethyst Delta color palette (#E8E5FE, #9C8CFF, #724AFF, #4F12B8, #050013)
- Grape Market color palette (#E5EDFF, #705DE6, #7400D4, #690074, #12000B)
- Eclipse Coast color palette (#DAEBF9, #0060B8, #1700A8, #19005E, #050014)
- Quiet Ultramarine color palette (#E4EEFF, #7899FF, #838702, #2506E7, #101100)
Browse the whole catalog at Explore, or see today's palette.