Hushed Harbor color palette — #F4EDE9 · #D5D3C8 · #B8BDA4 · #C57C66 · #382A22

A conversation between Caramel and Stone, giving this palette its sense of sophistication.

The five colors

• Cream (#F4EDE9): bright and airy, almost weightless.
• Oat (#D5D3C8): bright and airy, almost weightless.
• Stone (#B8BDA4): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#C57C66): A luminous, balanced orange — the color of sun-warmed clay.
• Espresso (#382A22): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Sophistication. 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

• Bronze Corridor color palette (#E4DED8, #BFC1B4, #9FAB95, #B46C26, #281D12)
• Worn Amber color palette (#F9F5EC, #D3DECC, #AACEAF, #B69500, #36322C)
• Tempered Taupe color palette (#FAF4EE, #D9DBD4, #A8B7B1, #C7A57D, #4C4740)
• Hushed Pier color palette (#F2DCC5, #C17900, #665100, #342F29, #0A0301)
• Gentle Emerald color palette (#EDE3D3, #B3C37C, #61A365, #9A607D, #262D00)
• Patina Thicket color palette (#FDE4DF, #D4B18C, #9D9B73, #6F6694, #3F335D)
• Faded Corridor color palette (#EDDBBF, #F3886F, #A48400, #4164A7, #3B1A00)
• Terracotta Veranda color palette (#EEE6EB, #DBC5CC, #8EAC99, #922E07, #1E111A)

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