Turquoise Pier color palette — #E4F2F0 · #98DFF6 · #00B4E9 · #008F9C · #023249

Cyan and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F2F0): bright and airy, almost weightless.
• Ice Blue (#98DFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00B4E9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008F9C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#023249): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Turquoise 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

• Sunlit Cobalt color palette (#F8EAF2, #87D1E7, #008FD4, #006D62, #1A2D50)
• Muted Cerulean Coast color palette (#D2E3E0, #72BEC7, #0093A9, #006D6A, #00171F)
• Rose Grove color palette (#DEE0FE, #B77FF4, #FF4173, #0090D0, #1C1B39)
• Worn Aqua color palette (#EEF7F5, #C9E1F7, #71CFD5, #52AA99, #284D5C)
• Petrol Grove color palette (#EFE6EC, #7CBFD3, #2A6FA9, #004D3C, #0F1035)
• Aged Cobalt Delta color palette (#D8EDEC, #76A7C7, #0079C2, #005A72, #00091B)
• Tempered Indigo color palette (#E7EFFF, #87A0FF, #7174FF, #6255BF, #2F2357)
• Soft Boulevard color palette (#EFF1FF, #EECDFF, #FEA6F9, #968FE2, #3A2848)

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