Turquoise Pier color palette — #F7ECE7 · #98E1EC · #39B2E3 · #009476 · #002E58

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

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#98E1EC): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#39B2E3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009476): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#002E58): A deep, shadowed, balanced 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

• Faded Periwinkle color palette (#F9ECE0, #AEDFCF, #7BA4EF, #008F9A, #2A2654)
• Feathered Courtyard color palette (#F8E9DE, #86CAEC, #5A95D7, #007D7C, #13154F)
• Aged Cerulean color palette (#E1F3F0, #91D0DC, #0095B3, #006B6D, #003344)
• Turquoise Coast color palette (#FCF3EB, #C4E9EC, #A4BDF0, #41A9B5, #5B3D4F)
• Muted Forest color palette (#FCE7DC, #66C2BF, #0093AA, #007142, #001624)
• Pale Fuchsia Thicket color palette (#F7D8EA, #F888D0, #00A5AB, #009957, #360D29)
• Petrol Studio color palette (#F0E5ED, #82BFC9, #00759D, #004D3D, #001631)
• Pale Orchard color palette (#F3D6D9, #F69FED, #2BBE7C, #A63B9F, #00321C)

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