Mustard Harbor color palette — #FFF3E5 · #D8B66D · #704600 · #251400 · #020100

A conversation between Sand and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D8B66D): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#704600): A full-bodied, balanced gold — the color of old brass.
• Ink (#251400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Dusty Terrace color palette (#FEF4E5, #EDCB85, #7C5E22, #362400, #070300)
• Timeworn Bronze color palette (#E8DCCF, #CDB86B, #A96800, #673E00, #140800)
• Dusty Balcony color palette (#F7EDDA, #C69B34, #493A00, #1D2724, #0B0700)
• Hushed Pine color palette (#FCF4E8, #DEB45A, #008D57, #7E5E00, #010100)
• Ancient Fern Coast color palette (#F5F6EA, #C9DDCB, #729066, #494A00, #1C1C12)
• Olive Boulevard color palette (#FFF6CA, #ADC059, #4E8B17, #005432, #001B16)
• Chalky Straw color palette (#F1F9E1, #FFD26F, #007F50, #003821, #050900)
• Bronze Boulevard color palette (#E2E6D2, #9A7300, #002308, #060C07, #000200)

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