Hushed Harbor color palette — #FBF2F9 · #AADEF0 · #45A2C4 · #297C62 · #1D3D59

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#AADEF0): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#45A2C4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#297C62): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1D3D59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Worn Station color palette (#FCF2F7, #C9EAFF, #76AADA, #448883, #394863)
• Pale Cobalt color palette (#F9EAF0, #91CDED, #4A88D2, #006C6D, #242954)
• Aged Teal color palette (#CBEADA, #00C9BF, #00959E, #006C82, #113A57)
• Wandering Canyon color palette (#E8F8FF, #D5D9F1, #BFBBF8, #659B87, #274657)
• Softworn Canyon color palette (#F5E4F1, #4AA0AF, #006083, #003D31, #00091B)
• Pale Coral color palette (#DDF3FD, #00BCD4, #DA726B, #008091, #58211F)
• Ember Loft color palette (#C7EBFC, #00A8BE, #C96961, #A46548, #033040)
• Hushed Balcony color palette (#F3DDE5, #50ACE1, #0F5FCE, #00494D, #100B36)

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