Hushed Harbor color palette — #ECF7FF · #82BAD6 · #007AA4 · #004962 · #003142

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#82BAD6): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007AA4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004962): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003142): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

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

• Linen Navy Harbor color palette (#EFF6FF, #A7BDEC, #5574BA, #053E89, #102856)
• Cypress Station color palette (#E2FAFF, #7EC9B9, #008275, #004E44, #00352F)
• Aged Dune color palette (#DAFFF0, #90D9FD, #00A2D2, #006488, #00354C)
• Periwinkle Chapel color palette (#DFEEFF, #429EFE, #005B9B, #002F59, #001C37)
• Weathered Lagoon color palette (#EBF7FF, #D6D9EA, #D4BAEE, #1C9195, #324E61)
• Hushed Denim color palette (#F0F6FD, #C2AC7E, #2E5185, #0F2D58, #1A222D)
• Hushed Veranda color palette (#F0F5FF, #9EACDD, #A34B7F, #4556AF, #291F33)
• Hushed Fern color palette (#EFF6FF, #6480BC, #986334, #505900, #273346)

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