Cobalt Lagoon color palette — #ECF3FB · #97B6DD · #72AB8A · #4173B2 · #003939
Slate takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF3FB): bright and airy, almost weightless.
- Sky (#97B6DD): A luminous, dusty blue — the color of deep harbor water.
- Jade (#72AB8A): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4173B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003939): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Hushed Study color palette (#E8F4FB, #7CBED5, #8EA764, #007E9B, #29370E)
- Timeworn Lilac color palette (#E4F5FD, #84BECC, #B08BC8, #007F94, #2F2D49)
- Softworn Cerulean color palette (#EBF2FF, #D9D4E1, #AEACA1, #6F89B0, #343B50)
- Antique Indigo color palette (#EDF2FB, #A7AFE2, #C8888B, #6168B9, #3F273F)
- Hushed Amber color palette (#FEF0FB, #9DAEDE, #CE854E, #586EB3, #524C47)
- Tempered Navy Boulevard color palette (#ECF2FF, #B8CAF0, #7687C0, #3B4989, #11183B)
- Quiet Lapis Archive color palette (#ECF2FF, #868DF1, #009887, #4D10F1, #002722)
- Antique Canyon color palette (#F1F1FA, #D8B7D2, #6C5681, #2E2D4A, #13131D)
Browse the whole catalog at Explore, or see today's palette.