Sunlit Harbor color palette — #EDDEE4 · #6DBAE7 · #4077FF · #006D68 · #19003D

A conversation between Sapphire and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EDDEE4): bright and airy, almost weightless.
• Sky (#6DBAE7): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#4077FF): A luminous, vivid violet — the color of twilight just after sunset.
• Teal (#006D68): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#19003D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Airy Cobalt color palette (#F3E8F0, #6FBECB, #008DC7, #007149, #010942)
• Ultramarine Parlor color palette (#EDE5D8, #5EABD9, #0067BA, #004853, #030842)
• Weathered Periwinkle Canyon color palette (#F8EAF0, #A9DBF5, #68A4FF, #009283, #2C274E)
• Hazy Sapphire Study color palette (#E3F3E6, #5CC2FD, #0067BC, #003C46, #000016)
• Muted Navy color palette (#FAEADC, #6090AF, #0D4594, #002B2E, #03001B)
• Raspberry Studio color palette (#FFE6F5, #D600AA, #008492, #2F608E, #14000E)
• Powder Field color palette (#F9F3F8, #CEE3FD, #60CBFF, #5EAB7E, #364962)
• Dusty Plum Summit color palette (#ECDBF0, #E9497B, #00957D, #B50052, #00140F)

Browse the whole catalog at Explore, or see today's palette.