Hushed Harbor color palette — #FAF3F7 · #D8D5E5 · #9AB4D2 · #5B9097 · #49526A

A conversation between Storm Blue and Ash, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D8D5E5): A whisper-light, dusty violet — the color of wild irises.
• Ash (#9AB4D2): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#5B9097): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#49526A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: 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

• Lagoon Coast color palette (#FAF4F0, #C0E2F1, #BFBFF0, #5EA092, #5D4554)
• Washed Delta color palette (#FCF2F9, #B6DBEB, #5F9DC4, #2D7D5A, #293960)
• Worn Ash color palette (#E9FAF1, #AAD5CC, #79A791, #647C62, #374C4D)
• Antique Bloom color palette (#F7E6EC, #78A8CB, #445EB9, #004A49, #1B003A)
• Aged Bloom color palette (#E9FAEF, #D4C48D, #C0A3D9, #9D8B50, #4A486C)
• Timeworn Taupe color palette (#E7FBF0, #C2E9F6, #C2BBC5, #C19AAD, #36524D)
• Aged Lilac color palette (#E3FCF0, #B8B56F, #B595D1, #AB799A, #33483E)
• Weathered Lagoon color palette (#F9F3F8, #D6D5E8, #93B6D1, #5A9192, #465368)

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