Frosted Lagoon color palette — #B4EDE4 · #70BEA5 · #009193 · #006371 · #334166

Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#B4EDE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#70BEA5): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#009193): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006371): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#334166): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Frosted 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 (#D9E5CE, #4DC4B1, #008D8A, #005E67, #0C301F)
• Denim Study color palette (#BBF0F7, #59B4B4, #0081A3, #0159A1, #3C4369)
• Airy Navy Chapel color palette (#CCEAD8, #009F9A, #006879, #004871, #042389)
• Powdered Emerald Atelier color palette (#C9F1D5, #9FB270, #479147, #006B4E, #005050)
• Coral Hollow color palette (#E9F8FF, #64ACBA, #C16C7B, #007282, #60333B)
• Hushed Lagoon color palette (#E8F8FF, #D7D8ED, #C5B4DE, #479264, #364D5A)
• Timeworn Chestnut color palette (#E9F8FF, #1D98AF, #B45D5D, #974A0A, #153D4D)
• Nightshade Lagoon color palette (#8CF4FA, #00A8D1, #0075C6, #3027CD, #482E77)

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