Cobalt Pier color palette — #D2E9F4 · #0087BE · #004D77 · #002E5A · #1A0E3F

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

The five colors

• Frost (#D2E9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0087BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004D77): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002E5A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#1A0E3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Hushed Basin color palette (#C8E5EA, #0098BE, #00649D, #1C338D, #201A4D)
• Wandering Lagoon color palette (#CDECED, #00909D, #005B69, #003541, #001F2C)
• Quiet Ultramarine Grove color palette (#D6EBFE, #007EEB, #0039C0, #100D8E, #12114C)
• Fern Summit color palette (#D0EBDE, #00779E, #366800, #003F56, #0D2000)
• Ancient Pier color palette (#D5E0F2, #0051C0, #7E0086, #004746, #000F30)
• Hushed Balcony color palette (#F9DDF5, #ADB4FF, #9B7DD7, #014E8D, #2F162A)
• Blazing Villa color palette (#E1EBFF, #6E87FF, #511AFA, #4500B3, #301E63)
• Cobalt Basin color palette (#C6F6E6, #68A4DE, #2B79D9, #305493, #5C3B55)

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