Hazy Canyon color palette — #C1E8DD · #4E6E00 · #3A45A9 · #5A1B46 · #00211A

A conversation between Indigo and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C1E8DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#4E6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#3A45A9): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#5A1B46): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#00211A): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Chalky Pine Boulevard color palette (#BBE9E3, #238930, #453183, #690038, #00201E)
• Frosted Harbor color palette (#CDE5D5, #746100, #00578D, #44216B, #002210)
• Misty Nightshade Grove color palette (#C9E8EA, #007B5E, #0A37A7, #58002D, #271E00)
• Aubergine Workshop color palette (#CBF4EE, #0E6610, #32208B, #4B0029, #001806)
• Soft Aubergine Pier color palette (#B8E8EE, #00735F, #772C89, #66131C, #001F23)
• Wandering Cabin color palette (#C2EACA, #008D60, #00585D, #51184B, #002A2F)
• Soft Moss color palette (#E2DFC5, #6E9004, #895BA5, #693785, #1F1B00)
• Emerald Corridor color palette (#E3FBFA, #0C9965, #825F9E, #76404E, #1C3838)

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