Hazy Harbor color palette — #FFD5AF · #B48427 · #834C00 · #642700 · #322800

A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#FFD5AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B48427): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#834C00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#642700): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

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

• Pale Terracotta color palette (#FCCFE8, #C07C3D, #943D00, #6E1713, #392400)
• Worn Moss Lagoon color palette (#E6E0B1, #889728, #665C00, #4E3800, #193000)
• Garnet Archive color palette (#FBE8EE, #A38B43, #844B00, #6B0303, #101400)
• Timeworn Amber Loft color palette (#F1D9C3, #E3AE50, #D37D00, #AD5424, #322800)
• Cocoa Harbor color palette (#FFE9F2, #926F3C, #683700, #481500, #1D1500)
• Wandering Chestnut Canyon color palette (#FBDFED, #B48899, #8E522F, #64352D, #1E3721)
• Ancient Terracotta Alley color palette (#F4D9BE, #C0A141, #AC6300, #9D0608, #252D00)
• Chalky Bronze color palette (#D1FAE1, #9EA35B, #7B6800, #614300, #063F34)

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