Turquoise Pier color palette — #EFF7F6 · #D1DFF0 · #78BECC · #56938E · #415661

Built around Cyan, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D1DFF0): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#78BECC): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#56938E): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#415661): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Veranda color palette (#FAF2F8, #D5D6ED, #6DA2B6, #43797C, #415567)
• Muted Courtyard color palette (#D4E3E0, #71C1C3, #008490, #005A52, #00242C)
• Sky Basin color palette (#EAF9F8, #9DD3AF, #75B6FC, #4EA06E, #3D4F63)
• Aged Cerulean Atelier color palette (#DEF2EF, #40A1B5, #00627A, #003B3E, #000B12)
• Worn Cobalt color palette (#E2F3F1, #9BCBEB, #208DD6, #006882, #122F4F)
• Tempered Workshop color palette (#D9FEFE, #A9E7C6, #61B790, #30795C, #0D4445)
• Washed Taupe color palette (#EEF8EE, #B7D3BC, #B3966E, #916676, #3B4D41)
• Lagoon Courtyard color palette (#EFF7F6, #D4DEED, #7CBCD3, #489499, #425563)

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