Mustard Harbor color palette — #FFF2F0 · #E3DFC2 · #B5BB44 · #9A5B76 · #5A3524
Gold takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Celadon Mist (#E3DFC2): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#B5BB44): A luminous, balanced green — the color of a quiet forest floor.
- Pewter (#9A5B76): A full-bodied, balanced rose — the color of pressed rose petals.
- Cocoa (#5A3524): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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
- Aged Mustard color palette (#FCF0FF, #FFD4BD, #D8BC5D, #965181, #5B3F53)
- Ancient Peony color palette (#FFF2ED, #E1DCC6, #B2D18E, #B96D9D, #603716)
- Softworn Plum Meadow color palette (#FFEBFA, #FFDFB2, #A3C27C, #995084, #3D1C2E)
- Wandering Taupe Loft color palette (#FFE6DD, #F2C88A, #95AB64, #853F50, #462835)
- Quiet Straw Coast color palette (#FFF1F6, #FEEE89, #82C57E, #9D574B, #304E33)
- Wandering Oat Station color palette (#E6FDE5, #BEE8EA, #A8D4B3, #98738D, #3F5445)
- Faded Mustard color palette (#FFEBD9, #C8B934, #609A51, #7C2621, #2A1D00)
- Worn Coast color palette (#D5F9E3, #95A657, #7A6900, #664000, #0D3E39)
Browse the whole catalog at Explore, or see today's palette.