Hushed Coast color palette — #ECF4F3 · #D2DAEF · #75A3BF · #1A7789 · #23384B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#D2DAEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#75A3BF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#1A7789): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#23384B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Coast 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

• Petrol Thicket color palette (#DFEDEA, #90BBCA, #007987, #004C47, #001A20)
• Hushed Lagoon color palette (#E5F4FF, #67A5C4, #9382BC, #288C68, #102A3A)
• Weathered Ash Terrace color palette (#FAF4EF, #C9E9E8, #739DC8, #2E7C79, #604B5B)
• Cobalt Hollow color palette (#E8F4FD, #8ABAD8, #BE87B4, #007BAD, #44243F)
• Wandering Bloom color palette (#E7F4FF, #D5D5E3, #C3BCE1, #5C9CB8, #2C3C4C)
• Worn Corridor color palette (#DCEFED, #557E98, #003E68, #001E28, #000105)
• Muted Workshop color palette (#EAF5F2, #9CDED9, #009599, #006453, #002B30)
• Antique Cypress color palette (#ECF4F3, #D0DBED, #65A7BF, #007A81, #1E394C)

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