Cobalt Lagoon color palette — #EAF9CD · #9EE2D8 · #3ABFD8 · #0087CE · #2B3386

Cerulean and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EAF9CD): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#9EE2D8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#3ABFD8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0087CE): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#2B3386): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Quiet Teal color palette (#E2F6C8, #A5DFB8, #4BC7BA, #0096A8, #004564)
• Cornflower Boulevard color palette (#DBFEDC, #98E1FB, #6FB7F7, #6B7AD9, #512079)
• Muted Ridge color palette (#BCFFDD, #20C3C4, #0E89A0, #004C7A, #161650)
• Turquoise Courtyard color palette (#D8FEFF, #99EFFF, #10AFD4, #00759F, #003455)
• Quiet Navy Canyon color palette (#DDF4EB, #00A5A6, #007CA0, #004780, #090029)
• Ancient Sapphire Workshop color palette (#CDF4EC, #00CFEB, #00A0E8, #274EFF, #2F0062)
• Patina Aubergine Bloom color palette (#DDF4F7, #008BB4, #0055C2, #3D0092, #05000A)
• Patina Bronze Coast color palette (#FFF2E9, #89D9C9, #63AEDB, #B36E46, #2A442E)

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