Hushed Harbor color palette — #F9F2CB · #80C6BF · #978398 · #8C4E2F · #634200

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

The five colors

• Custard (#F9F2CB): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#80C6BF): A luminous, dusty teal — the color of sea glass.
• Heather (#978398): A luminous, dusty pink — the color of peonies in June.
• Coffee (#8C4E2F): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#634200): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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 Bronze color palette (#F1F9E3, #B1D7C1, #9D8A96, #98662F, #734503)
• Cocoa Drift color palette (#FFF3E1, #A2C099, #7A8D79, #775D5D, #753B17)
• Antique Driftwood color palette (#DEFAEC, #B1DDD9, #99BBC8, #B48083, #674452)
• Tempered Atelier color palette (#CDEACC, #89A4DD, #956F77, #695500, #374800)
• Teal Thicket color palette (#E1F7E2, #00BBB4, #526C9D, #723C00, #433400)
• Wandering Chestnut color palette (#F8F5E8, #93BB9C, #398179, #6A5902, #3E4800)
• Driftwood Archive color palette (#A2F8EB, #7BBAEB, #856CA9, #646059, #494A42)
• Powder Lantern color palette (#D9F9FF, #9AC5D4, #6E91A4, #4D556A, #37384B)

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