Hazy Garden color palette — #E1FCF5 · #B9D893 · #C2B1F9 · #87AD51 · #453B62

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

The five colors

• Ivory (#E1FCF5): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#B9D893): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#C2B1F9): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#87AD51): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#453B62): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

Use it as a design system

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

• Frosted Mallow color palette (#DEFCFB, #9CDDB5, #EAA2DC, #61B283, #573550)
• Amber Study color palette (#E8FBEB, #E7C788, #BBB2FE, #C4972B, #423B67)
• Dusty Lime color palette (#DDFEF4, #A8CD73, #C0A3F2, #CC85A5, #1C3F37)
• Washed Powder color palette (#E1FCF3, #BAE8FB, #AAC1EC, #C4B489, #2F5650)
• Linen Olive color palette (#F7F6E6, #A0C57E, #56B1D5, #6A8D45, #0A495E)
• Faded Workshop color palette (#EAF9F4, #CBDDA1, #FE9C96, #7B9700, #5B2524)
• Dusty Dune color palette (#F7E5D6, #D9C3FF, #B3D92D, #46655B, #232E2A)
• Dusty Study color palette (#FFF0F8, #BDDABA, #D0A086, #9C7C98, #2C4335)

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