Frosted Cobalt Pier color palette — #D8E3DA · #59BCEC · #0088DD · #006B76 · #000C3F

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

The five colors

• Bone (#D8E3DA): bright and airy, almost weightless.
• Cyan (#59BCEC): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0088DD): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#006B76): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Frosted Cobalt 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

• Iris Summit color palette (#DDE7DE, #8BC5FF, #688FE2, #007897, #191846)
• Turquoise Villa color palette (#DCEBDF, #44C4D0, #0092AF, #006E5F, #001623)
• Soft Cerulean color palette (#CFE5E7, #009AB5, #0079A3, #005077, #001531)
• Weathered Lagoon color palette (#F3DFE8, #5CADD1, #0160CE, #004B42, #14033E)
• Quiet Fuchsia Alley color palette (#C9E4FB, #BBA6F0, #D37BCF, #008AAB, #041330)
• Chalky Azure Grove color palette (#D1E9FB, #2EACEA, #A75300, #006A96, #1D0900)
• Sapphire Station color palette (#F8EBE1, #78C1E5, #0E67BA, #003E3E, #010014)
• Hushed Quarry color palette (#D6E2F0, #2EA3FE, #0076D3, #004880, #000207)

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