Hushed Harbor color palette — #F3F6F0 · #D1DCD9 · #A3BAAD · #007653 · #383D32

Pine takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D1DCD9): bright and airy, almost weightless.
• Ash (#A3BAAD): A luminous, dusty teal — the color of glacier melt.
• Pine (#007653): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#383D32): quiet, heavy and certain.

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

• Hushed Workshop color palette (#EBF4F5, #CCD8E2, #9FBDC5, #00765E, #152324)
• Tempered Cerulean color palette (#F0F7F3, #D4DCDD, #B7AEA3, #4B8CA0, #4D5550)
• Abyss Basin color palette (#E5EAE2, #B2BCB3, #729889, #005143, #182311)
• Hushed Fern color palette (#FFF3E8, #AA9877, #5E6A16, #01593E, #38352F)
• Softworn Cocoa color palette (#E3E3BC, #97A88F, #498098, #7C4534, #504015)
• Ancient Petrol Harbor color palette (#EDF8F4, #EDD8DC, #D5B0BF, #0071AA, #28473E)
• Inked Cypress Terrace color palette (#DCE9DB, #007271, #002E20, #031904, #010703)
• Faded Garnet color palette (#FFE9E0, #4F9772, #006579, #741A13, #003932)

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