Hushed Pier color palette — #FCF1F9 · #A9DEF0 · #3BA3C4 · #227E5D · #213D56

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Powder Blue (#A9DEF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#3BA3C4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#227E5D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#213D56): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Wandering Periwinkle Workshop color palette (#FCF2F7, #C7EBFF, #75ABD7, #3C8981, #384863)
• Cobalt Field color palette (#FAE9F2, #86CFF1, #4D8AC8, #006C6A, #222A51)
• Washed Cerulean Grove color palette (#EDDBE9, #28A4B2, #00617F, #003D2E, #000919)
• Airy Rose Balcony color palette (#FCD8F5, #FE4D48, #009CA3, #0084A7, #382335)
• Weathered Corridor color palette (#FFE5FB, #F67F7A, #00A8B9, #AF504D, #003D44)
• Ultramarine Courtyard color palette (#EADBE1, #56ADD7, #1265BB, #004A4B, #0C0541)
• Dusty Stone Quarry color palette (#D6F0DD, #AEB471, #937E43, #754D5C, #1B3631)
• Antique Stone Station color palette (#FFF0FC, #FFDEC6, #CDC78D, #A37087, #4D3545)

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