Cobalt Lagoon color palette — #FDF3EE · #B3D9BF · #008ABE · #006857 · #1A4070

Cerulean takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#B3D9BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006857): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1A4070): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Timeworn Cobalt color palette (#FFF3E7, #ABD3F7, #5E7BC9, #006571, #3F356E)
• Worn Pine Field color palette (#FAF4F0, #CDE3CE, #3997B2, #00754E, #245145)
• Softworn Balcony color palette (#E6F6F3, #9FDBE9, #0091B2, #006165, #002939)
• Navy Field color palette (#FFF2EB, #81C3D7, #0075AF, #00574E, #03297B)
• Powdered Turquoise Boulevard color palette (#F5F7EA, #A0E8F9, #00ACD4, #008287, #00465F)
• Cypress Courtyard color palette (#FAF4EF, #CDE4E4, #7B9CC2, #007F7E, #65485D)
• Wandering Navy color palette (#E7DFD7, #5E85A2, #0A3487, #002225, #090029)
• Sky Orchard color palette (#FFF0FB, #AFF1FF, #4DC3FF, #00A88E, #1F406B)

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