Hazy Lagoon color palette — #E4E8CA · #72BA89 · #009669 · #256E82 · #00220E

A conversation between Fern and Jade, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#E4E8CA): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#72BA89): A luminous, balanced teal — the color of sea glass.
• Fern (#009669): A full-bodied, balanced teal — the color of shallow lagoons.
• Teal (#256E82): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#00220E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Teal Villa color palette (#DDE9CF, #08B094, #008278, #275B7E, #00140F)
• Softworn Moss Bloom color palette (#EEE7D2, #72A25F, #00734F, #533864, #1C1C00)
• Jade Pier color palette (#E6E6D7, #9CC79A, #60A275, #916C53, #133113)
• Worn Canyon color palette (#F0EAD9, #A6AD6D, #72893B, #89524D, #1B1D00)
• Tempered Azure color palette (#DEE1D2, #80CCE8, #009FD5, #007B8A, #002236)
• Tempered Pine color palette (#CFE8E5, #378B5D, #00513A, #002F3C, #000A0A)
• Chalky Olive color palette (#EEE9D6, #7D9340, #447000, #703427, #040700)
• Worn Fern Pier color palette (#F3F7EB, #CBDCB9, #7ABBAB, #729A8A, #334B06)

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