Hazy Lagoon color palette — #F0F9E1 · #21C381 · #009BE4 · #4251DE · #002212

Iris and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F9E1): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#21C381): A luminous, balanced teal — the color of sea glass.
• Cornflower (#009BE4): A luminous, balanced blue — the color of deep harbor water.
• Iris (#4251DE): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#002212): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged 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

• Timeworn Corridor color palette (#EEF9E9, #00C9B5, #008AB7, #4315D5, #3B003D)
• Faded Loft color palette (#FFF1F1, #E47DC0, #00A1C9, #0061D0, #320725)
• Weathered Study color palette (#EDF9EF, #63C4CB, #9595DB, #8A5E9E, #132B18)
• Washed Wisteria Grove color palette (#FFF1F5, #CA83F1, #00A6A8, #007195, #261031)
• Hushed Orchid Boulevard color palette (#FFF3E6, #FFB65F, #00A1CB, #A066E2, #3F2400)
• Feathered Study color palette (#DBFCDE, #A37100, #3367C2, #1D458D, #031906)
• Emerald Chapel color palette (#FEF6D5, #A3D066, #2D9E53, #00627A, #113000)
• Amber Cabin color palette (#FFF3E6, #D78A2A, #A275BA, #923B6E, #221100)

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