Cobalt Lagoon color palette — #D3F3FF · #79D6EF · #47BBEE · #3391D8 · #304C6D

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

The five colors

• Frost (#D3F3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Ice Blue (#79D6EF): A whisper-light, balanced blue — the color of open sky before noon.
• Cyan (#47BBEE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3391D8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#304C6D): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged 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

• Sunlit Iris color palette (#D0EBFF, #98CDFE, #76A8F8, #707FE0, #474471)
• Timeworn Turquoise Thicket color palette (#C3F5F8, #7FDACC, #00C3C9, #0099AF, #055368)
• Wandering Boulevard color palette (#A1EEF7, #02C1DF, #007DA5, #16567E, #351C38)
• Hushed Turquoise Harbor color palette (#E2FFD9, #66E6FD, #00B3E3, #466EAF, #52354B)
• Tempered Cobalt Bloom color palette (#EEF6FF, #C0DFFF, #78B7F9, #3B84CA, #032B57)
• Chalky Azure color palette (#ECF7FF, #92D5FF, #F0AD78, #1DAAED, #5C391B)
• Airy Sapphire Drift color palette (#D6EEFA, #59BCFF, #2399FB, #2264FB, #2B1C82)
• Patina Terrace color palette (#EDF6FF, #DBD9E3, #D2B0A9, #72C0D6, #3B4D66)

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