Cobalt Lagoon color palette — #F5E8DF · #7EBBD7 · #2A78BF · #005957 · #11174C

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

The five colors

• Cream (#F5E8DF): a clean, paper-quiet neutral.
• Sky (#7EBBD7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#2A78BF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#11174C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Coast color palette (#F4EDE6, #A1C9EB, #6082D8, #006A76, #2D2358)
• Sunlit Cobalt Thicket color palette (#FFF0F8, #80D9FF, #0D7DD2, #00514F, #04072B)
• Petrol Garden color palette (#F2E5DE, #9DBA9E, #00829C, #005C3B, #002236)
• Softworn Denim Study color palette (#DDECEA, #6EA8C2, #005E87, #003C47, #002139)
• Linen Lilac Meadow color palette (#C6E8D9, #A3BAEF, #B68BD2, #007679, #002445)
• Weathered Coast color palette (#D1F2EE, #009BAB, #00718E, #004A6F, #030C56)
• Weathered Cerulean Corridor color palette (#FFF2EC, #8DDAE0, #009BC2, #007556, #00355A)
• Worn Azure color palette (#D6EAFC, #509AE7, #00679D, #00335C, #000711)

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