Hazy Garden color palette — #F0D6F1 · #556BFF · #837100 · #090E04 · #020100

Sapphire takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F0D6F1): A whisper-light, dusty pink — the color of a candy shop window.
• Sapphire (#556BFF): A full-bodied, vivid violet — the color of a velvet chair.
• Walnut (#837100): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#090E04): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Misty Indigo color palette (#F5E7FB, #5A69FF, #B84B00, #160400, #030100)
• Moss Canyon color palette (#FFE8F3, #009DDD, #768C00, #141D0C, #0A0800)
• Feathered Magenta color palette (#F0DCE2, #C600DF, #807300, #080E04, #020100)
• Antique Rust Parlor color palette (#ECEAFF, #008CB4, #C23E00, #170300, #030100)
• Navy Terrace color palette (#EEE9D8, #7A7F00, #003E90, #373A00, #030003)
• Smoked Nightshade color palette (#E2E1CA, #395E00, #232BA9, #4F001B, #020200)
• Plum Boulevard color palette (#FCE0E2, #BF0090, #556C00, #060E08, #010100)
• Muted Abyss color palette (#E9ECE1, #A9B8A8, #749687, #00522B, #090D01)

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