Mustard Harbor color palette — #E0FFDF · #CFAF59 · #996C27 · #653A19 · #00180D

Gold and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0FFDF): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#CFAF59): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#996C27): A full-bodied, balanced gold — the color of old brass.
• Bronze (#653A19): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#00180D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Apricot color palette (#FFF0F9, #E8A069, #AC5E3F, #673633, #021802)
• Timeworn Grove color palette (#E7FBEB, #D6C97F, #A38544, #71512E, #0D271E)
• Softworn Moss Station color palette (#C9F1D8, #9DA046, #715E00, #442D00, #000504)
• Chestnut Cabin color palette (#F8E4CC, #91865A, #744B00, #522000, #120E00)
• Tempered Courtyard color palette (#E4FCF0, #D4E5B0, #A3A16B, #53745D, #1A3833)
• Amber Veranda color palette (#EFDCE6, #C06F00, #7D3500, #440502, #020100)
• Softworn Chapel color palette (#FFF1F6, #D7F9D7, #CCA0B2, #8B7181, #334438)
• Gentle Magenta Hollow color palette (#F7F3FF, #F538D9, #5C7200, #005B4F, #0B021A)

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