Hushed Harbor color palette — #FCF2F5 · #C6E0F7 · #7686C6 · #007073 · #424465

Slate Blue takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Powder Blue (#C6E0F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7686C6): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007073): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#424465): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cerulean Quarry color palette (#F7F1E7, #BFE1FF, #6F8EC3, #26677B, #392433)
• Weathered Cerulean Grove color palette (#F9F3F8, #BAE4F1, #0098C0, #367143, #324A63)
• Dusty Cornflower color palette (#FCF2F5, #9BD6FE, #4D74ED, #006763, #433860)
• Patina Mallow color palette (#ECF7FF, #DCD9E4, #E9A8D2, #4B8A8D, #404A5B)
• Feathered Cobalt color palette (#C4F2FF, #3CB2CA, #007BB4, #3E5492, #483E62)
• Frosted Corridor color palette (#ECF7FF, #0F92D0, #8E7B00, #4F6E25, #283A49)
• Washed Navy color palette (#F6EBF0, #478AA6, #00397D, #00231E, #090126)
• Lagoon Station color palette (#F2E9F2, #3BA1A1, #005268, #00330E, #00142C)

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