Hazy Harbor color palette — #FFE3CC · #C57D00 · #805500 · #4F3900 · #261D00

Built around Mustard, softened by Coffee — the whole palette hums with optimism and balance.

The five colors

• Parchment (#FFE3CC): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C57D00): A luminous, balanced gold — the color of old brass.
• Coffee (#805500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4F3900): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#261D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Feathered Amber color palette (#FCDBD4, #DC7300, #8A5E00, #504300, #103917)
• Aged Moss color palette (#E8DFBD, #988A00, #636000, #3C4100, #131B00)
• Apricot Hollow color palette (#FFF1EE, #FD9631, #AC7400, #605200, #202100)
• Tempered Bronze color palette (#F1E8D9, #A97F00, #008476, #614800, #001B17)
• Gentle Ember Basin color palette (#EFDFDC, #E5521A, #983A00, #582800, #2D1400)
• Feathered Villa color palette (#FBE794, #B49900, #6A5900, #332900, #0B0800)
• Chestnut Bloom color palette (#FFEEDA, #D5B989, #9C8136, #715E00, #3B3932)
• Worn Lime Chapel color palette (#FCEEBD, #DDDA9B, #8FBD3B, #866100, #231E00)

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