Cobalt Lagoon color palette — #E6F2E8 · #A3CAE7 · #468ACD · #006A77 · #1A2B55

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Sky (#A3CAE7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#468ACD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A77): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1A2B55): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Tempered Periwinkle color palette (#EFF8F1, #C1D7ED, #6F95D8, #007893, #303663)
• Weathered Cerulean color palette (#E6F2E9, #A2CDD8, #0097A8, #006F53, #003442)
• Washed Courtyard color palette (#FAF4EB, #CAEBFF, #5796D5, #006875, #0D1B41)
• Tempered Sapphire Canyon color palette (#F5EBF0, #7FBADB, #3B64B6, #00504A, #2E274C)
• Cerulean Meadow color palette (#F1F7F2, #DADDEC, #98B4D5, #4A92A4, #44536D)
• Hushed Denim Villa color palette (#DFE8E0, #54A19E, #00646E, #003D2C, #000B11)
• Tempered Thicket color palette (#D3F0E7, #6F9602, #0080CC, #C10056, #182400)
• Violet Workshop color palette (#C4E7DB, #90A33F, #9963E9, #5C6C00, #33115B)

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