Cobalt Lagoon color palette — #D5E4EC · #0076BA · #003C7E · #02004A · #01000A

Cerulean takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D5E4EC): a clean, paper-quiet neutral.
• Cerulean (#0076BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003C7E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#02004A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

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

• Washed Atelier color palette (#CFEFF7, #0084A8, #004360, #001020, #000105)
• Velvet Lantern color palette (#C0E6F0, #005F87, #002A5F, #060039, #010008)
• Twilit Quarry color palette (#DEEAF7, #1269F6, #2022A5, #0E0036, #010008)
• Nightshade Delta color palette (#DDF1F7, #0089C1, #005BB5, #271098, #060019)
• Worn Indigo Villa color palette (#EFF6FF, #95B6FF, #5D6AE5, #463093, #1D003F)
• Worn Cobalt Summit color palette (#E6F1FF, #6F7CBD, #4C3F74, #3D1929, #090001)
• Weathered Boulevard color palette (#DEE8EF, #A7BED1, #7F94AB, #004257, #000103)
• Soft Violet color palette (#E7E9FF, #8353E9, #5C0098, #190023, #030004)

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