Hazy Market color palette — #FFF5D5 · #7F7A00 · #5D4DCD · #433698 · #352A06

Built around Iris, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7F7A00): A full-bodied, balanced green — the color of fresh herbs.
• Iris (#5D4DCD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#433698): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#352A06): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Faded Amethyst Harbor color palette (#FFF0D5, #977800, #804BB9, #5B2B8B, #1A1300)
• Tempered Nightshade color palette (#F8F8D6, #5F8315, #3F2C9C, #4A0963, #321906)
• Sunlit Aubergine Loft color palette (#FAF7DB, #789423, #6D3897, #6D0B5A, #253004)
• Aubergine Pier color palette (#E7DFBC, #626800, #643B8D, #481C6E, #211A01)
• Timeworn Lantern color palette (#F5F8DC, #28970B, #4747B8, #6B1850, #5E0807)
• Pale Bronze color palette (#FFF3E8, #AE5F00, #006F9C, #005072, #3C260F)
• Weathered Violet color palette (#E4FDEA, #C9A32A, #8958BE, #8A397C, #372900)
• Emerald Drift color palette (#F6F7E3, #529435, #A15375, #734153, #33332D)

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