Mustard Harbor color palette — #FFD9C9 · #C6AA58 · #668461 · #564576 · #362A4E

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

The five colors

• Shell Pink (#FFD9C9): A whisper-light, dusty orange — the color of toasted spice.
• Gold (#C6AA58): A luminous, balanced green — the color of new leaves after rain.
• Fern (#668461): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#564576): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#362A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Hazy Moss Drift color palette (#FEE5B4, #96B054, #438476, #6A4468, #452444)
• Wandering Apricot Summit color palette (#FFD8E0, #D89470, #8D8039, #38526A, #033150)
• Petrol Boulevard color palette (#FFEAD6, #C8BF88, #9A9A71, #487097, #463F6D)
• Hushed Basalt Ridge color palette (#EDDBCB, #A29A67, #3F6951, #472F55, #281233)
• Muted Canyon color palette (#DDFAEA, #87B95B, #1B7E51, #6D3A49, #002721)
• Aged Straw Bloom color palette (#FFF4DC, #DFDE98, #A3B689, #647C5F, #294731)
• Dusty Oat color palette (#DBFAF0, #B0D5D9, #849AA7, #6F5F6F, #423842)
• Hushed Jade Lantern color palette (#E8ECD5, #4FB484, #007D85, #6A2433, #430417)

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