Hazy Studio color palette — #D4E7D5 · #4CB97C · #008E61 · #00644B · #003129

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

The five colors

• Celadon Mist (#D4E7D5): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#4CB97C): A luminous, balanced teal — the color of sea glass.
• Fern (#008E61): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#00644B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003129): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Quiet Clover Alley color palette (#DEE8D5, #1DCC3F, #00A570, #007566, #00363B)
• Hushed Clover Veranda color palette (#C4FFC5, #00D573, #009962, #005941, #002820)
• Teal Pier color palette (#D1F8F0, #00B9AE, #008789, #005F66, #003A42)
• Wandering Amber Villa color palette (#D7E3C8, #44AF84, #BB7300, #007652, #3C2200)
• Olive Garden color palette (#E4E7D9, #8DAC46, #508600, #285E00, #00380B)
• Timeworn Teal Cabin color palette (#B7F6EC, #42C3B2, #008478, #004B43, #001915)
• Dusty Emerald color palette (#EAF1E0, #009E70, #0086B1, #7A6900, #002719)
• Bronze Villa color palette (#F2EAD7, #A5A262, #837100, #604A00, #232700)

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