Hushed Harbor color palette — #FAF4F0 · #C3E9E9 · #9FBFF2 · #02B09F · #464266

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Frost (#C3E9E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9FBFF2): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#02B09F): A luminous, balanced teal — the color of glacier melt.
• Navy (#464266): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Powder Terrace color palette (#F8F5EF, #BFE3F4, #79C2FF, #19929E, #4C374B)
• Softworn Teal color palette (#FBF3F1, #C7DDE2, #98CDCF, #76B28D, #614A5F)
• Softworn Boulevard color palette (#FFF2EE, #8EEDEB, #00BCE8, #00A035, #003460)
• Dusty Market color palette (#FAEEF4, #AFE5FF, #718FBA, #296B60, #232A45)
• Cornflower Study color palette (#EDE3DA, #8AB6D7, #5A78EB, #006D6C, #1B003A)
• Worn Cobalt Courtyard color palette (#E6DCD7, #72ABB9, #007BBD, #006046, #03002D)
• Wandering Quarry color palette (#FFF2EE, #FAA2A5, #57CE9B, #00B1AF, #502E23)
• Weathered Pine color palette (#F2E3DE, #8ACED0, #00A0CD, #00833C, #001E44)

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