Cobalt Lagoon color palette — #D4E8E6 · #63B8B5 · #518ED4 · #564800 · #00140B

Built around Azure, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#D4E8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#63B8B5): A luminous, balanced teal — the color of glacier melt.
• Azure (#518ED4): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#564800): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00140B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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

• Patina Cerulean color palette (#D0EEE1, #7FB798, #009DB5, #703D00, #021700)
• Ancient Lagoon color palette (#DBEDEE, #40BFD9, #8285E2, #2A5500, #001518)
• Indigo Studio color palette (#D6F7F7, #5CA9BC, #516FCD, #333C00, #000A09)
• Weathered Terrace color palette (#BAEAE8, #61C3B8, #0094B1, #275300, #002B21)
• Tempered Periwinkle Pier color palette (#E5E9CB, #8BD3D5, #69AAE5, #6B6700, #002E26)
• Hazy Coast color palette (#DDFFE8, #99FBEB, #16C5E4, #487818, #00110A)
• Patina Alley color palette (#DAF4F5, #5A8AAC, #724FA4, #003521, #000203)
• Hushed Veranda color palette (#E3F6F9, #D2D9E8, #CFBAE1, #65958E, #253A45)

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