Hazy Lagoon color palette — #CCEBB8 · #77C497 · #00997D · #006665 · #003A43

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CCEBB8): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#77C497): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#00997D): A luminous, balanced teal — the color of sea glass.
• Peacock (#006665): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003A43): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

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

• Cerulean Coast color palette (#ABF4D8, #67C9BE, #0096A2, #005D79, #003052)
• Gentle Chapel color palette (#E7E3A0, #A4B76E, #5A9A4A, #00663E, #003B32)
• Aged Courtyard color palette (#E4FFD2, #7CDF9B, #00A786, #006262, #00232A)
• Chalky Aubergine Canyon color palette (#E1F5E4, #69B67A, #008984, #743981, #003A28)
• Sunlit Jade color palette (#F7F0D2, #7DB165, #007B61, #004F58, #00355B)
• Washed Mint color palette (#FAE696, #94D984, #00BEA2, #008591, #00304C)
• Patina Lagoon Garden color palette (#D7EBE2, #00938B, #005F6B, #003748, #000F1F)
• Lagoon Lagoon color palette (#EFF7F6, #D2DBDF, #ADC2D3, #5B8F58, #28403D)

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