Mustard Harbor color palette — #EBF9F1 · #CFDAC9 · #D2C67E · #7DB187 · #39534A

Honey takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Silver (#CFDAC9): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#D2C67E): A whisper-light, balanced green — the color of fresh herbs.
• Jade (#7DB187): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#39534A): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Softworn Mustard color palette (#E9FAF3, #FFE3A6, #BED07D, #60A389, #344C48)
• Lime Field color palette (#DAFFEF, #AAC675, #5F905B, #457556, #315455)
• Worn Frost Alley color palette (#E0FEED, #ABCCC3, #7E9EA0, #656D83, #56495A)
• Mint Study color palette (#E8F9F7, #7FC386, #B883BA, #4D8053, #4F4863)
• Antique Chartreuse Villa color palette (#E0FCF9, #BCD149, #4FBC73, #009289, #003626)
• Gentle Celadon color palette (#DEFCFF, #A5F892, #63D3B2, #459CB3, #1E4851)
• Lime Coast color palette (#B5EDEE, #8FB500, #009C60, #006569, #001914)
• Hushed Emerald color palette (#CDF7EC, #00B341, #007F77, #004C5E, #000B0B)

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