Hushed Teal Pier color palette — #ECF4EC · #17B1B2 · #3F6056 · #303C30 · #20231C

Turquoise takes the lead with Pine close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF4EC): a clean, paper-quiet neutral.
• Turquoise (#17B1B2): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#3F6056): A full-bodied, dusty teal — the color of sea glass.
• Forest (#303C30): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#20231C): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Washed Jade Ridge color palette (#F1F4E5, #69AE72, #485F48, #363C00, #23221C)
• Weathered Quarry color palette (#E8F6F1, #65A2D1, #6C4E5D, #2B3C37, #1D231F)
• Muted Courtyard color palette (#E9F6EA, #55CBD1, #6E8175, #4D584E, #1E231E)
• Dusty Lagoon Ridge color palette (#E4F5FB, #008E93, #2D3F4A, #202B2E, #10161A)
• Ancient Cabin color palette (#E8FAEF, #59C1DD, #C69F3F, #899451, #33483C)
• Wandering Corridor color palette (#EBF9F0, #89D1E2, #D7A862, #349BB0, #514C46)
• Cocoa Atelier color palette (#FDF3EC, #DFCFB2, #91A46D, #73836E, #644700)
• Smoked Thicket color palette (#D1EED7, #004F57, #152125, #000D23, #000203)

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