Mustard Harbor color palette — #FFF3E6 · #CEAC64 · #699365 · #6B588B · #3F3D36
A conversation between Gold and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#CEAC64): A luminous, balanced gold — the color of afternoon light on wheat.
- Fern (#699365): A luminous, balanced green — the color of fresh herbs.
- Slate (#6B588B): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#3F3D36): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Moss Thicket color palette (#FFF1F5, #EBC681, #63A554, #72538E, #1F382C)
- Patina Driftwood Thicket color palette (#FFF4E2, #E49C8E, #9D833C, #4B6294, #423C37)
- Muted Mint color palette (#FFF2EA, #93C179, #309895, #83516D, #3C3E37)
- Weathered Archive color palette (#FDF4E3, #BCA353, #2F8CAC, #6C4D89, #4D284B)
- Taupe Harbor color palette (#FFF2E0, #C8C4A6, #94A484, #8F6F70, #654547)
- Dusty Olive Coast color palette (#E5FCF0, #999D5E, #4F7732, #005961, #23453A)
- Bronze Courtyard color palette (#F5F7E8, #BBCAA9, #549E9B, #9E603D, #344B05)
- Lagoon Veranda color palette (#FBF3F0, #C4E6E0, #79ADC5, #4A8874, #2E4A67)
Browse the whole catalog at Explore, or see today's palette.