Gentle Harbor color palette — #ECF8F8 · #A4D0FF · #1F74EC · #004C6E · #02072B

Sapphire and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF8F8): a clean, paper-quiet neutral.
• Sky (#A4D0FF): A whisper-light, balanced blue — the color of deep harbor water.
• Sapphire (#1F74EC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004C6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#02072B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Ancient Cerulean Basin color palette (#E7FAF7, #82DAF6, #0086AF, #005058, #000E19)
• Chalky Iris color palette (#DAE6D9, #89C6FF, #6888FC, #007A8C, #20173E)
• Byzantium Parlor color palette (#D6F4FE, #00A6AB, #8C45F8, #00595C, #0B0020)
• Gentle Denim Courtyard color palette (#F4EADB, #75A0CC, #2F53A3, #003747, #07012C)
• Azure Alley color palette (#E6FAF8, #CCDEF3, #00A8DE, #00707D, #00283E)
• Amethyst Coast color palette (#BDE9FF, #0088A3, #6631FD, #006631, #000203)
• Teal Villa color palette (#D2EEE3, #00B39D, #006B64, #003F3E, #000C0C)
• Wandering Turquoise Dune color palette (#E9F9F6, #C6DAF7, #00C5D2, #00897A, #003C46)

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