Hazy Canyon color palette — #F1F5FF · #BDBDFF · #D5C522 · #8378F3 · #423C00

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#BDBDFF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#D5C522): A luminous, vivid green — the color of a quiet forest floor.
• Lavender Blue (#8378F3): A luminous, vivid violet — the color of twilight just after sunset.
• Deep Olive (#423C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Timeworn Lime color palette (#ECEDFF, #D2A9FD, #8DD24D, #A164D9, #263D0F)
• Cornflower Veranda color palette (#EEF6FF, #9AC9FF, #FFAE44, #278EF2, #533200)
• Pale Amethyst Quarry color palette (#D7DCFA, #C7B5FF, #91B103, #7A4DD0, #242E00)
• Misty Mint Drift color palette (#F6F3FF, #F2B3EF, #88D480, #C683C4, #134C47)
• Clover Lantern color palette (#EEF6FF, #69B3FF, #33BA12, #0079D4, #1D4516)
• Powdered Lime color palette (#F6F3FF, #FFC2F5, #00DC55, #C34BB7, #044818)
• Washed Periwinkle color palette (#F2F5FF, #EBD6E1, #FABAB8, #8AABFF, #444562)
• Feathered Apricot Alley color palette (#E5EAFF, #B5A5FF, #FD8633, #00B690, #31294F)

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