Cobalt Pier color palette — #E9EDDD · #77A8C0 · #007DB2 · #005B6B · #000A17

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9EDDD): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#77A8C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007DB2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B6B): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Tempered Thicket color palette (#F5E6DC, #639BB5, #00599E, #003B3A, #04002D)
• Washed Turquoise Alley color palette (#D5EBCE, #6CB9BA, #00A4C0, #007962, #000C0B)
• Cerulean Terrace color palette (#DBECEA, #2F83A4, #00405E, #001E25, #000104)
• Lagoon Loft color palette (#C9F7F1, #00A597, #007369, #003E3A, #000202)
• Lapis Garden color palette (#E5F2DF, #00937F, #5458EB, #006355, #030022)
• Petrol Lantern color palette (#C8EDE0, #008268, #006D9F, #5F5B00, #000201)
• Periwinkle Atelier color palette (#F2F8E6, #B9DFFF, #67AEFF, #0090C0, #082D70)
• Lagoon Dune color palette (#F5F6EE, #CAEACE, #5CC3D2, #00A196, #004250)

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