Turquoise Pier color palette — #FCF2F9 · #C4ECF9 · #5EB2CC · #56876F · #344A5E

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

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Frost (#C4ECF9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5EB2CC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#56876F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#344A5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Dusty Azure Pier color palette (#FAF2F8, #98E2F5, #549ECB, #167D6D, #273C56)
• Ancient Lagoon Meadow color palette (#F9F4ED, #C0E0E5, #6DCADF, #30957D, #1D4938)
• Softworn Powder Courtyard color palette (#FBF2F6, #D9D4E4, #90B4DF, #608F9B, #4A5365)
• Softworn Petrol color palette (#ECDDE8, #49B2C3, #007096, #004C3C, #00142D)
• Weathered Mustard Hollow color palette (#EAFAEC, #E9AB2F, #89A0F1, #A1782F, #314262)
• Soft Denim Meadow color palette (#F5E5EA, #559ACB, #2F53A1, #003B40, #090028)
• Marigold Coast color palette (#E4FDEA, #C79F1B, #7897D8, #906FAF, #293E2F)
• Seafoam Bloom color palette (#E6FCEB, #A7E8D8, #C7C8D3, #B4846F, #3D574C)

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