Hazy Lagoon color palette — #F4D7DE · #C0BAFF · #56D100 · #344532 · #2B2C23

Lime and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4D7DE): A whisper-light, dusty red — the color of a theater curtain.
• Lavender (#C0BAFF): A luminous, balanced violet — the color of a velvet chair.
• Lime (#56D100): A luminous, vivid green — the color of a quiet forest floor.
• Forest (#344532): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#2B2C23): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Muted Mustard color palette (#EFD9EB, #B8BDFF, #C4B500, #3F413A, #312D20)
• Muted Mint color palette (#FFE2E8, #BBCEFF, #47EA81, #405D5B, #1C2C2B)
• Mint Quarry color palette (#FFDCCE, #FFB8DB, #00DFA7, #354A3E, #2E312C)
• Wandering Garden color palette (#ECE0FF, #78C3FF, #00C6B0, #0E272B, #081112)
• Worn Mallow color palette (#FCE8EA, #DD9FFF, #00A072, #003233, #141D05)
• Weathered Mallow color palette (#FFEAD3, #FF8CDC, #00C1B4, #0C3A44, #1E261C)
• Wandering Courtyard color palette (#F7F6E7, #829F36, #8B407E, #704A00, #34332C)
• Cobalt Canyon color palette (#F3F7EE, #76C19C, #0075B3, #00724B, #162823)

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