Hazy Harbor color palette — #FFEBD4 · #DAC789 · #CC9957 · #B36A48 · #34390A

Built around Mocha, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEBD4): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#DAC789): A whisper-light, balanced green — the color of fresh herbs.
• Camel (#CC9957): A luminous, balanced gold — the color of afternoon light on wheat.
• Mocha (#B36A48): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#34390A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Softworn Basin color palette (#FFEADE, #FBB77F, #E58768, #B06770, #463101)
• Ancient Bronze Workshop color palette (#DDF7DC, #D0AF6F, #A97D3A, #85541D, #423400)
• Wandering Harbor color palette (#F5D9BB, #DBB33C, #CC8118, #B84915, #2A2B00)
• Tempered Hollow color palette (#FFF2EB, #E9CE59, #C77556, #8C4528, #2D1202)
• Aged Tangerine color palette (#FFF2E9, #FFBE99, #4DC272, #EE7200, #1B2001)
• Airy Taupe color palette (#D9F1D7, #B89E3F, #935E00, #6E2D06, #002318)
• Washed Orchard color palette (#E9DECA, #838638, #765C00, #5D3400, #010500)
• Gentle Dune color palette (#EBDFBF, #8DAB5E, #887F17, #775200, #151800)

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