Hushed Harbor color palette — #FAF4EE · #C4DFEE · #BFBDED · #7A9C7D · #5C4555

Lavender takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C4DFEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#BFBDED): A luminous, dusty violet — the color of wild irises.
• Eucalyptus (#7A9C7D): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#5C4555): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Weathered Powder color palette (#FBF4ED, #C3E4F7, #9ABCF5, #409097, #543348)
• Muted Lagoon Terrace color palette (#FBF3EF, #C3DFE5, #97D1CF, #63A189, #35554D)
• Teal Balcony color palette (#EEF9E9, #B4F5E5, #F9B6C8, #40AF9A, #623A34)
• Muted Thicket color palette (#FAF3F6, #D9DEEF, #729CD1, #377B7C, #48526A)
• Powdered Sky Station color palette (#FFF2EC, #D0DFF7, #00C2E7, #008C5C, #003957)
• Worn Seafoam Orchard color palette (#EDFAE9, #7BE1D2, #E4A6BB, #C89196, #313C2D)
• Washed Meadow color palette (#F9F5E8, #D1E3C9, #BCAD84, #9A7233, #3C4500)
• Muted Meadow color palette (#E4FDE5, #C4EBF8, #6CC0BD, #177573, #003737)

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