Mustard Harbor color palette — #D8F1DF · #B2A02B · #967900 · #755400 · #181700

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8F1DF): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#B2A02B): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#967900): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#755400): A full-bodied, balanced gold — the color of old brass.
• Ink (#181700): 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 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

• Pale Amber color palette (#CCE9D3, #C6B254, #AE890F, #85652C, #002C1C)
• Washed Amber color palette (#FFE0EC, #D58D30, #B26717, #804B2B, #201300)
• Taupe Workshop color palette (#F2E4CB, #A49D43, #755C00, #462B00, #030400)
• Rose Harbor color palette (#FFE9EB, #F62567, #9B7A00, #556D00, #18041B)
• Antique Loft color palette (#DAF8DB, #E8C370, #D2972D, #AA7231, #1D3D2A)
• Chalky Amber Canyon color palette (#F3E3DD, #DB6C06, #A95127, #7F2F1E, #1C000E)
• Ember Basin color palette (#FFD3C0, #FF9B58, #EA681F, #B14E37, #3F2000)
• Ancient Sand Pier color palette (#E3FCEF, #D2D693, #B5AF75, #6D927A, #2B433B)

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