Hazy Alley color palette — #DFF8F5 · #5CA96D · #008188 · #7A3D00 · #2F2D00

Built around Jade, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#5CA96D): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008188): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7A3D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2F2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Washed Delta color palette (#DDF9F4, #71A661, #00837E, #005582, #352B00)
• Washed Lagoon Loft color palette (#E7FAF4, #A2BF8F, #638D61, #3D6E60, #0D3E36)
• Hushed Pier color palette (#DFF7FC, #1CAC9D, #1E7AA7, #4C438A, #0F3505)
• Ancient Emerald Boulevard color palette (#D9F5F5, #009866, #20474B, #0D2627, #03100F)
• Timeworn Teal color palette (#EBF9F5, #ADDEEA, #32A8AC, #007E6A, #00434A)
• Powdered Aubergine color palette (#E8F6ED, #887621, #005F6C, #66005A, #342B00)
• Hushed Villa color palette (#D4F2F6, #008876, #005B77, #231B84, #0D1500)
• Gentle Garden color palette (#E1FBFB, #A4EE89, #4EDE8E, #00B39E, #003C3D)

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