Quiet Harbor color palette — #E5FAF8 · #74DFFF · #008BB6 · #00656F · #114560

Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5FAF8): A whisper-light, dusty teal — the color of glacier melt.
• Ice Blue (#74DFFF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#008BB6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00656F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#114560): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Muted Grove color palette (#EAF9F8, #A8D3FF, #467FD1, #006088, #2A3D6D)
• Cobalt Balcony color palette (#EAF5EC, #A2DAEC, #008DC4, #006262, #002647)
• Sky Delta color palette (#E3FBF9, #39C8FB, #0077A7, #005461, #003658)
• Feathered Azure Bloom color palette (#FBF4EA, #A2E7FD, #20A7E4, #008282, #1A4268)
• Aged Teal Lantern color palette (#E2F3EF, #34B3B1, #006469, #003F36, #00242A)
• Quiet Terrace color palette (#EBE8FF, #8754FF, #BA3C74, #006A87, #312A4D)
• Softworn Navy color palette (#DBECEC, #5185B6, #00397D, #002030, #00022C)
• Teal Parlor color palette (#FEF0F9, #C6EAFF, #79BCFF, #00A98A, #363970)

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