Cobalt Lagoon color palette — #FBF4EA · #AFDAC1 · #008ABE · #006666 · #14426A

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Pistachio (#AFDAC1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006666): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#14426A): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Wandering Petrol Bloom color palette (#FCF4E8, #7FC2DD, #0075AD, #005559, #003167)
• Aged Summit color palette (#F2EADE, #519CAC, #00516C, #00302D, #001527)
• Periwinkle Workshop color palette (#FBF2F8, #B6E2FB, #5BA0E6, #00856D, #36396D)
• Ancient Petrol color palette (#F9F4EE, #C8E7E9, #7D9CBE, #327A87, #604A5D)
• Hazy Thicket color palette (#EDF9EF, #B9EEFF, #4CC4FF, #00A5A4, #164269)
• Wandering Raspberry Lantern color palette (#FFE4E2, #CE3F90, #777700, #00698D, #4B1E36)
• Mulberry Delta color palette (#FFF1F1, #EB70BF, #009666, #890667, #00472E)
• Worn Apricot color palette (#FFF1F1, #F6D3C3, #F39A6C, #976298, #633140)

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