Gentle Harbor color palette — #DDEEF3 · #77C8FF · #689EE6 · #626EC5 · #3B0A74

Royal Purple takes the lead with Cornflower Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDEEF3): bright and airy, almost weightless.
• Sky (#77C8FF): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#689EE6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cornflower Indigo (#626EC5): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#3B0A74): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Gentle 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

• Softworn Navy color palette (#90F9FF, #6AD3EF, #47A8E5, #3573C8, #25107B)
• Hushed Aubergine Villa color palette (#CEE5FF, #AFC1FF, #9C96E4, #885EB2, #510053)
• Weathered Nightshade Parlor color palette (#D8FFF4, #7DD6EC, #5092DB, #4D2EB2, #3F004A)
• Hazy Ultramarine Hollow color palette (#CFEFFA, #48A4DA, #1564BA, #312D86, #1C0042)
• Misty Courtyard color palette (#CFE6F1, #489FF2, #4C6FE5, #5837B5, #23003A)
• Misty Byzantium color palette (#DEEAFF, #A9ABFF, #A86EFA, #A912C9, #4D003C)
• Feathered Turquoise color palette (#9DF7D9, #52D9CE, #00B3C8, #007DA6, #003354)
• Worn Courtyard color palette (#FFECCE, #64C7F8, #8393D5, #AB5B39, #0E3830)

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