Cobalt Lagoon color palette — #E7F2E9 · #96CEE4 · #288FC9 · #006B6F · #0C2E54
Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Sky (#96CEE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#288FC9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006B6F): A full-bodied, balanced teal — the color of sea glass.
- Navy (#0C2E54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Ancient Azure color palette (#F0F8F1, #B5DAF6, #609AD4, #007A89, #28395F)
- Dusty Azure Thicket color palette (#FCF4E7, #C1EEFF, #009CE2, #00696D, #051E3C)
- Weathered Cobalt Hollow color palette (#E6F0E7, #92B6D6, #4A73BC, #00566B, #161945)
- Washed Turquoise Workshop color palette (#EBF9EE, #A4EAE6, #00AFC0, #008663, #004759)
- Muted Courtyard color palette (#E1EDE3, #6798BC, #21579C, #003A45, #03002E)
- Lagoon Parlor color palette (#F1F7F2, #D8DEED, #94B5D5, #4E939A, #445469)
- Petrol Parlor color palette (#DCECDF, #54B1BF, #00718E, #004B43, #001624)
- Soft Peony color palette (#FDE1EA, #CF548B, #798200, #00729F, #341121)
Browse the whole catalog at Explore, or see today's palette.