Mustard Harbor color palette — #FCD7AA · #EDAA00 · #C98300 · #9E601E · #342700

A conversation between Saffron and Mustard, giving this palette its sense of optimism and balance.

The five colors

• Peach Cream (#FCD7AA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#EDAA00): A luminous, vivid gold — the color of old brass.
• Mustard (#C98300): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9E601E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Mustard 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

• Mustard Thicket color palette (#C5E9CF, #D3B800, #B58F00, #92690E, #2D2A00)
• Amber Grove color palette (#FCCFE6, #FF9D49, #E66C00, #AA5537, #3D2200)
• Softworn Marigold color palette (#F8E1EA, #F2B374, #C98F64, #9E6C54, #233623)
• Bronze Veranda color palette (#FFF3E6, #DEB457, #AE6E00, #7A3800, #1D1800)
• Softworn Moss Quarry color palette (#F8ECCC, #A58F00, #866A00, #654600, #0D0C00)
• Faded Garnet color palette (#F3E0CC, #9E8D42, #804E00, #661200, #0D1500)
• Weathered Ridge color palette (#E6FCE8, #E8CE90, #C4A87A, #A07D88, #2D4336)
• Washed Stone Market color palette (#EBFAED, #C1E3CB, #A0BFA5, #849983, #3C4C43)

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