Hushed Harbor color palette — #FAF1DD · #A69D6B · #768BC3 · #736FAE · #30260B

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

The five colors

• Cream (#FAF1DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A69D6B): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#768BC3): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#736FAE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#30260B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Dusty Pier color palette (#EFF5E1, #73AB82, #9B7FB9, #A15E8E, #252A15)
• Tempered Cobalt color palette (#FEEFE3, #C48E6C, #4E9AAC, #3D7FAA, #372210)
• Antique Delta color palette (#E8FBED, #C5AF73, #84A4E6, #9089C6, #34483A)
• Worn Grape color palette (#E7E8C4, #5F9F2D, #366FD8, #8C00A3, #0B1D00)
• Pale Mulberry Study color palette (#EFF2DC, #4E984D, #8755A3, #7C2E79, #011A02)
• Taupe Lantern color palette (#FCF5E3, #A49A45, #439C7F, #9B6758, #45423B)
• Chestnut Veranda color palette (#F7F1E7, #C3BBA3, #938057, #7C4B12, #2E2D1D)
• Tempered Corridor color palette (#F8F1E4, #B9F8FE, #D3E2CA, #AE7E59, #4B3F00)

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