Cobalt Lagoon color palette — #EFF8F1 · #C7E0F6 · #588BD2 · #006E83 · #3A4861
A conversation between Azure and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#C7E0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#588BD2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006E83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.
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
- Cerulean Lagoon color palette (#F1F7F2, #C2E3EC, #259AAB, #007458, #2C4C5E)
- Antique Ash Veranda color palette (#F9EFF2, #C2E0FA, #7B8CB9, #226B68, #262946)
- Periwinkle Meadow color palette (#FBF4EC, #CBE9FF, #8DA3DD, #418885, #5D3C4C)
- Washed Terrace color palette (#E6F0E8, #378BAA, #004063, #002224, #00081C)
- Antique Atelier color palette (#E5EFE7, #52AEBD, #00617B, #003E39, #002236)
- Patina Cobalt Archive color palette (#F4F4FF, #ECD9DC, #EBA8B2, #7470A8, #4D485A)
- Pale Workshop color palette (#F4F4FF, #A56DC3, #A76D00, #007877, #37354C)
- Petrol Balcony color palette (#EAFAED, #74C7CF, #007A94, #00574B, #003850)
Browse the whole catalog at Explore, or see today's palette.