Hushed Harbor color palette — #F7EFF4 · #CFD4EB · #7BA3B5 · #4C765A · #1F394C

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Lilac Frost (#CFD4EB): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7BA3B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#4C765A): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#1F394C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Cypress Delta color palette (#EFF7F5, #CDE1F2, #63A6A9, #2F7E6D, #375865)
• Timeworn Abyss Basin color palette (#EEE1EB, #4A8387, #004254, #002014, #000104)
• Tempered Coral Station color palette (#FEEBFB, #D3837D, #559B9C, #338593, #31212F)
• Muted Stone color palette (#F9EEF8, #E29F9D, #65ABA0, #9B5E5E, #013840)
• Soft Archive color palette (#FBEDF7, #9CDCEA, #168DC2, #006454, #002350)
• Wandering Atelier color palette (#EBF5EC, #A1C5B2, #6E8B73, #6E4C5C, #1E302B)
• Petrol Corridor color palette (#F3E4EC, #90BAD2, #1A70AC, #004C47, #050F3F)
• Aged Workshop color palette (#FCECFE, #EAD3D4, #B7E1C8, #9182A1, #453742)

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