Hushed Harbor color palette — #FBF3F0 · #DDD9D2 · #B0B2A7 · #B79284 · #5B504C

A conversation between Taupe and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#DDD9D2): bright and airy, almost weightless.
• Ash (#B0B2A7): a calm mid-gray that lets other colors speak.
• Taupe (#B79284): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5B504C): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ancient Ash Orchard color palette (#F9F3F8, #E1D7D8, #CAC2B9, #C4A1C0, #504C50)
• Aged Fern Basin color palette (#E7E3D9, #BAB4A1, #9B9677, #5F5300, #1A1304)
• Washed Basin color palette (#F4F7EB, #CCD5BC, #90A37E, #A17338, #42550F)
• Driftwood Lantern color palette (#FFF2EA, #DBA288, #998D52, #467650, #5D3730)
• Aged Amber color palette (#FEF3EB, #DFD9C9, #C6C1A3, #C36B43, #642F00)
• Weathered Garnet Parlor color palette (#F3E7E1, #B2A196, #958273, #7E1A09, #150400)
• Ancient Chestnut Lantern color palette (#FBEFE7, #C88B6D, #7C4B11, #572A00, #27201C)
• Aged Olive Parlor color palette (#F8F5E9, #E1DFCE, #C1C197, #7D7D00, #35332C)

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