Hushed Harbor color palette — #F3F7EE · #B2E0D4 · #6B97D5 · #1B749F · #4C2E49

Built around Cornflower, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Silver (#B2E0D4): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#6B97D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#1B749F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4C2E49): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Timeworn Atelier color palette (#F4F6EC, #BBDECA, #54A0C1, #007A86, #0F3F59)
• Cobalt Delta color palette (#F9F4EF, #A7CFC4, #5C74BC, #005E6B, #3B3261)
• Petrol Loft color palette (#DEE1D4, #53AFCC, #007094, #004951, #001624)
• Periwinkle Parlor color palette (#F1F7F0, #C8E4FF, #91AEFF, #2F9BAC, #313859)
• Dusty Delta color palette (#F4F6EF, #CAE4E7, #96B4D7, #65917F, #604A5E)
• Plum Atelier color palette (#FFE9E5, #DF8BA0, #7391E6, #B54468, #213165)
• Timeworn Coral color palette (#FEDCCF, #E26C68, #A78400, #945FA5, #412215)
• Muted Bronze color palette (#F2E6D5, #BDAD83, #9C7A39, #72542E, #33302A)

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