Cobalt Lagoon color palette — #D3F5D4 · #81E0EE · #2CC1E4 · #008FC5 · #224D70
Built around Cerulean, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F5D4): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#81E0EE): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#2CC1E4): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#008FC5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#224D70): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Turquoise Delta color palette (#A8F3F4, #00BCCF, #0089A4, #005473, #142F47)
- Timeworn Workshop color palette (#CAF4DF, #91D0FA, #6CAEF7, #5E7FD5, #3B4069)
- Pale Lagoon color palette (#D3E7C4, #64CAC9, #00A6C6, #006DB1, #364066)
- Quiet Grove color palette (#C5E5E9, #009AB8, #00749A, #004979, #001240)
- Powdered Teal color palette (#E0E9C3, #9BDBB4, #30C6A5, #00968A, #005156)
- Azure Boulevard color palette (#EBF9F2, #8ED7F8, #F9A781, #00AEE1, #64331A)
- Timeworn Sapphire Coast color palette (#D8F5FD, #3BC4FD, #0097E8, #0072DE, #1A1782)
- Hushed Aqua Lagoon color palette (#E9FAF3, #EAD5D1, #57C9D9, #A79A93, #2E5149)
Browse the whole catalog at Explore, or see today's palette.