Hushed Pier color palette — #E9FBEC · #93D3FF · #3C8DEA · #007082 · #1B2B6E

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#93D3FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3C8DEA): A luminous, vivid blue — the color of deep harbor water.
• Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1B2B6E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hushed Pier 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 Azure color palette (#EEF8F0, #B5DAF5, #649ACE, #007A88, #293B56)
• Dusty Sapphire color palette (#FFF1F6, #85BFE6, #2C69CE, #00555A, #2C246E)
• Gentle Workshop color palette (#FEF3E9, #B4E0FF, #79AAFF, #0096A0, #2D246E)
• Seafoam Lantern color palette (#ECF9EE, #3EE6DF, #009FAD, #007555, #003948)
• Turquoise Meadow color palette (#F0F7F1, #CFE3F4, #80BDC4, #5D9193, #3E5664)
• Turquoise Boulevard color palette (#D8E8DB, #2EB5C5, #00718D, #004B42, #001624)
• Sunlit Orchid Atelier color palette (#E9DBF4, #BC46FF, #B17000, #00807B, #301640)
• Pale Courtyard color palette (#F8EEFF, #FFC7EF, #FF9FAF, #7C7ACC, #4A244F)

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