Soft Lagoon color palette — #96F8EB · #00C4DE · #0082B8 · #004390 · #201152

Indigo and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#96F8EB): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00C4DE): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0082B8): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#004390): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#201152): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Soft 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

• Wandering Teal color palette (#B5FFE0, #00C0BD, #00829D, #004D6D, #001D51)
• Nightshade Meadow color palette (#A0EFF1, #36BFF1, #0075D5, #302FBB, #2A0E51)
• Quiet Ridge color palette (#CBF4FB, #00BFEB, #0095CF, #0068A8, #0E2958)
• Quiet Aubergine Meadow color palette (#CEF6FD, #009ED6, #0068B4, #390098, #120026)
• Cornflower Villa color palette (#EEF6FF, #99C3FF, #3076DC, #003189, #000412)
• Frosted Mint color palette (#C4EDAF, #54C48B, #008C7E, #005C65, #002133)
• Powdered Amber color palette (#DCFEF0, #4CB6ED, #C87F00, #006C97, #251400)
• Muted Aubergine color palette (#BBE9FF, #71ADFD, #7569F2, #600EA1, #33002E)

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