Hazy Ridge color palette — #FADEDF · #BC873F · #2A8545 · #503469 · #2A0F3F

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

The five colors

• Shell Pink (#FADEDF): A whisper-light, dusty red — the color of embers at dusk.
• Mustard (#BC873F): A luminous, balanced gold — the color of old brass.
• Fern (#2A8545): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#503469): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2A0F3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hazy Ridge 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 Amber color palette (#F2D9DB, #C58239, #5D7845, #2C4B6A, #00203D)
• Quiet Boulevard color palette (#F3E3D7, #91A000, #007B6A, #5E2E5D, #3D0B3D)
• Weathered Denim color palette (#FFE8DF, #C7A36D, #669449, #6954A3, #522B51)
• Timeworn Alley color palette (#FFF3E5, #CDC366, #6D975E, #296093, #313155)
• Timeworn Taupe color palette (#D7EDDC, #8AB68D, #40848C, #4E4258, #33293B)
• Worn Moss color palette (#D0EDDB, #6CA847, #006C52, #562A5A, #091B00)
• Worn Pine Orchard color palette (#E2E3C2, #94AA6F, #4C814E, #005860, #004255)
• Tempered Emerald color palette (#EFEBDA, #38914E, #005B72, #471724, #19071D)

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