Hazy Harbor color palette — #FFF2EF · #FFD7B7 · #CA9207 · #707100 · #064006

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Peach Cream (#FFD7B7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CA9207): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#707100): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#064006): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Apricot Harbor color palette (#FFF1F4, #FFD5CE, #E4884D, #8E6300, #313000)
• Antique Bronze color palette (#FFEADF, #CA9E71, #8C7127, #5B5300, #2F4500)
• Honey Field color palette (#FFEFE1, #FFC772, #CDAA53, #91823A, #403E00)
• Pine Field color palette (#FFF3E8, #F7D893, #97AB45, #1F762F, #003C2E)
• Worn Amber color palette (#FDEBE4, #C47D00, #614E00, #1C2400, #000200)
• Quiet Mustard Bloom color palette (#FFF2EA, #F5B71E, #8B8600, #2B5400, #001F12)
• Muted Olive color palette (#F6EDDF, #807700, #324C00, #001408, #000201)
• Softworn Moss color palette (#E9FBEB, #FFB995, #9A963E, #545E98, #273626)

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