Hazy Boulevard color palette — #FBDCCF · #BE7100 · #775700 · #3B4400 · #003423
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FBDCCF): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
- Coffee (#775700): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#3B4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#003423): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Hazy Boulevard 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
- Patina Amber color palette (#FCE6D4, #B67A00, #655100, #383000, #151700)
- Muted Coast color palette (#F7DFD5, #EA8900, #A78000, #686800, #083809)
- Quiet Ember color palette (#FFE9EC, #E06341, #874500, #4D3800, #15300D)
- Dusty Drift color palette (#F3E2C5, #696A00, #274900, #002817, #001217)
- Faded Drift color palette (#FAEBCD, #949200, #377000, #00482D, #00303A)
- Ancient Bronze color palette (#FFE2EC, #A5AEFF, #9C7E00, #252C12, #1D1404)
- Lapis Study color palette (#ECDCBD, #987C00, #5A59C5, #584700, #211B60)
- Misty Basin color palette (#E3E0D3, #7D6B00, #6041BE, #6C197E, #261F00)
Browse the whole catalog at Explore, or see today's palette.