Sunlit Harbor color palette — #E6EEFF · #627BCC · #2D28A9 · #0A0063 · #020032

Indigo takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.

The five colors

• Frost (#E6EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Periwinkle (#627BCC): A luminous, balanced violet — the color of a velvet chair.
• Indigo (#2D28A9): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#0A0063): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#020032): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Energy, Balance. Tagged monochrome, 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

• Gentle Cornflower color palette (#D9DFF2, #90A3FF, #557CF5, #3846A9, #01002D)
• Linen Ultramarine color palette (#DCE1F9, #7B93FF, #274CEE, #210A8B, #010030)
• Cobalt Ridge color palette (#D3E5FB, #3983CC, #00457D, #00193A, #000919)
• Worn Aubergine Drift color palette (#ECE5FF, #926ECE, #60139C, #280042, #110022)
• Aubergine Delta color palette (#E3E0F2, #6C59BB, #400081, #110031, #02000B)
• Timeworn Drift color palette (#FFF0F9, #ACAEE4, #6B69B5, #403585, #282553)
• Worn Grape color palette (#F2E8FF, #B47DF7, #7517C9, #3E006D, #29004E)
• Quiet Study color palette (#ECDBE9, #B6B4F8, #A76FBC, #004F79, #1E2247)

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