Cobalt Lagoon color palette — #E3F6F5 · #70C5FD · #0075C2 · #004E65 · #00193B

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E3F6F5): A whisper-light, dusty teal — the color of sea glass.
• Sky (#70C5FD): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0075C2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00193B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Hollow color palette (#E0F8F4, #48CFE6, #007F99, #005153, #001D29)
• Frosted Canyon color palette (#FFF3E8, #60C2FF, #0A62E8, #00555A, #2D2A60)
• Gentle Cornflower Loft color palette (#F2F8E7, #94D3FF, #0090EF, #006E8D, #073165)
• Denim Corridor color palette (#E5F2F2, #77A1C6, #0057A7, #00364C, #00052B)
• Dusty Parlor color palette (#E3F0EE, #2F868D, #00444D, #001F1D, #000202)
• Tempered Cerulean color palette (#EBF4F2, #C0E3EE, #3B9DA7, #006E62, #13303C)
• Worn Amber color palette (#DEE9DD, #B38429, #7E5000, #512B00, #191100)
• Tempered Crimson color palette (#F7DEDD, #D40039, #7F5F00, #790CA1, #240004)

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