Soft Mustard Harbor color palette — #FFF4DD · #CFB83B · #9C9BE7 · #938010 · #57374A
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Gold (#CFB83B): A luminous, balanced green — the color of a quiet forest floor.
- Wisteria (#9C9BE7): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#938010): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#57374A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Soft 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
- Muted Atelier color palette (#FFF3E6, #EEA657, #6DA9E8, #AE7125, #503953)
- Airy Archive color palette (#F6F7E0, #92CA72, #B691E0, #658E4F, #593644)
- Pale Moss Veranda color palette (#E6FBEF, #E2D690, #B1B3FB, #9D8A00, #33325E)
- Ancient Iris Pier color palette (#FBF5E4, #AFA14F, #7D80CE, #746600, #3C3E67)
- Hushed Mustard Balcony color palette (#FFF4DD, #D4B83D, #9579A7, #657ED5, #3B3831)
- Patina Basalt color palette (#FCF4E3, #B9C58C, #9C8F5A, #806340, #3F4100)
- Stone Grove color palette (#F3F7E7, #ECB983, #4B8057, #42433C, #202317)
- Violet Garden color palette (#EBE6C0, #9BC02A, #924DEB, #5B7400, #3B096B)
Browse the whole catalog at Explore, or see today's palette.