Hushed Harbor color palette — #E4F6F4 · #87BFC2 · #20867D · #634B67 · #142C2D

Teal and Ash set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#E4F6F4): bright and airy, almost weightless.
• Ash (#87BFC2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#20867D): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#634B67): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#142C2D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Studio color palette (#ECF4F0, #A9CCC3, #638F6A, #735869, #243531)
• Antique Alley color palette (#F6F6EA, #7AC0A6, #3B7F85, #734F4E, #324B08)
• Cypress Veranda color palette (#E1F8F2, #77B98B, #007E63, #6F3F02, #012811)
• Teal Garden color palette (#EAF9F5, #B9E6FE, #3EB0B7, #816D91, #213E3F)
• Tempered Garden color palette (#EEF4EF, #BFE3F1, #2B9CBA, #006E60, #152F41)
• Muted Study color palette (#F4F7E8, #90D5BA, #579E96, #866A64, #324B07)
• Antique Amber color palette (#DFFAE8, #A68C00, #008EA7, #974B86, #0B2417)
• Lagoon Harbor color palette (#DCF0ED, #529F7E, #006358, #4F3200, #001617)

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