Hushed Harbor color palette — #F0E4DD · #218984 · #00444E · #00210D · #000103

Built around Fern, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E4DD): bright and airy, almost weightless.
• Fern (#218984): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00444E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00210D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Hushed Cobalt color palette (#E8DCD3, #0683AF, #003B71, #001F1F, #01000B)
• Washed Basin color palette (#E6F0E8, #5EA09B, #00646D, #003D2A, #000B10)
• Smoked Pine Villa color palette (#D6E4D6, #117414, #003717, #000D03, #000200)
• Softworn Pier color palette (#F1E7E1, #58C5D7, #00759E, #004D3E, #001531)
• Dusty Denim color palette (#F8E9DD, #58A6CF, #0056AA, #00393A, #060428)
• Aubergine Alley color palette (#E0E2C0, #265A00, #560081, #0C2500, #020006)
• Tempered Cerulean Canyon color palette (#FDEEE8, #92DFE3, #0091B3, #006546, #002742)
• Chestnut Bloom color palette (#FCDFC4, #6B4C00, #412000, #220200, #010100)

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