Hushed Harbor color palette — #FAF2F8 · #A9BDFF · #A07246 · #5C6A9C · #322D28

Built around Sky, softened by Walnut — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sky (#A9BDFF): A luminous, balanced violet — the color of wild irises.
• Walnut (#A07246): A full-bodied, balanced gold — the color of old brass.
• Slate (#5C6A9C): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#322D28): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Wandering Bronze Boulevard color palette (#FEF2F4, #D5B1E1, #8F7C2B, #815D8E, #322D23)
• Worn Parlor color palette (#EDF8F4, #8AC8F5, #AE6473, #38739C, #372A28)
• Pewter Chapel color palette (#F1F1F8, #CEB9E4, #A86D91, #80629E, #18131F)
• Lilac Basin color palette (#F1F8E8, #A89CE2, #9D646F, #4C6140, #574146)
• Tempered Lilac color palette (#FBF2F5, #F1C2D1, #C3879D, #9C7DB6, #382A28)
• Antique Lilac Field color palette (#FFF0F7, #A989FF, #7C6100, #5E3AA6, #261B06)
• Hushed Driftwood Delta color palette (#FCF2F5, #E4D9D3, #A8AFA5, #9E7482, #585052)
• Lilac Atelier color palette (#FFF1F4, #9F76C5, #6B6C30, #4F4F21, #2F3A30)

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