Cobalt Lagoon color palette — #EDF4EE · #AFCBE5 · #4C7BC5 · #00596C · #121F3D

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Lilac Frost (#AFCBE5): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4C7BC5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#121F3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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 Cerulean color palette (#EDF4EF, #9ED1E0, #008B9E, #005D49, #012435)
• Cobalt Pier color palette (#FCF4EB, #99CBF3, #6475B0, #005F60, #4E303D)
• Cerulean Meadow color palette (#D8E7DB, #3298B0, #00506E, #002C2B, #00050D)
• Linen Violet Terrace color palette (#DEDCF4, #9961B1, #946300, #006969, #140F28)
• Softworn Periwinkle color palette (#EEF4EF, #D6DBEF, #749FD4, #317684, #2A364B)
• Weathered Blush Coast color palette (#F1F0FF, #FFC6ED, #F695A3, #6F699E, #251E39)
• Amethyst Grove color palette (#E7ECFC, #9086E8, #8147CE, #62257A, #300F32)
• Ancient Pier color palette (#E7E7FA, #B986E4, #5E8900, #641D91, #142100)

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