Hazy Alley color palette — #FFF5DA · #CBC800 · #75B218 · #008B93 · #37362F

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

The five colors

• Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#CBC800): A luminous, vivid green — the color of fresh herbs.
• Clover (#75B218): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#008B93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#37362F): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Lime Market color palette (#F8EFCE, #9ACE40, #5CAC6E, #00819E, #31312A)
• Frosted Field color palette (#FFF4E1, #FBB022, #B59D00, #1D8E70, #453200)
• Airy Mustard color palette (#FFF4DE, #DDBE00, #579938, #3451A7, #292A00)
• Antique Study color palette (#EAE7D1, #96AE00, #586F47, #4C4200, #151107)
• Aged Cabin color palette (#F3F8E0, #6CEBAA, #21C095, #8C8D53, #393C35)
• Sapphire Villa color palette (#D5F0AE, #00CFA0, #00A39E, #2C63D4, #003129)
• Feathered Moss Harbor color palette (#E7E0C1, #46B400, #008C5C, #005D7F, #001D04)
• Tempered Celadon color palette (#DEFBB3, #ADDBAF, #90C0A8, #4D92AE, #264D6D)

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