Turquoise Pier color palette — #FCF3EF · #C4E7E2 · #62AFD9 · #398B79 · #553F56

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C4E7E2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#62AFD9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#398B79): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#553F56): A full-bodied, dusty pink — the color of a candy shop window.

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

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

• Azure Station color palette (#FDF3EB, #B6DFCC, #4A99E8, #007C7A, #4E2E47)
• Aged Lagoon Station color palette (#EFF8F0, #D7D6E4, #8EC4DC, #44918A, #284259)
• Aged Shell Grove color palette (#FFF0FA, #E6D7DF, #F9BDB6, #6F9FBD, #5E4A53)
• Muted Amber color palette (#FFF0FC, #84A1F1, #C38E00, #5D984C, #453042)
• Denim Lantern color palette (#EFDFD7, #4CA2A4, #006278, #003E27, #000A15)
• Hazy Petrol color palette (#F6E6DC, #60ADCA, #006BAB, #004A46, #040940)
• Tempered Station color palette (#F5ECE7, #89D1E5, #0090D0, #006D60, #142C57)
• Weathered Iris Basin color palette (#C5F6E2, #82BAFB, #6E83ED, #675CA1, #5C3745)

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