Mustard Harbor color palette — #F0E8CD · #BBCB7C · #A2A352 · #7D7972 · #31312A
Pistachio and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F0E8CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#BBCB7C): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#A2A352): A luminous, balanced green — the color of new leaves after rain.
- Driftwood (#7D7972): a calm mid-gray that lets other colors speak.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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
- Worn Alley color palette (#F6E5D2, #DFBB82, #C69251, #977151, #33302A)
- Antique Driftwood color palette (#F1E8CC, #9FB97C, #898430, #725523, #30312A)
- Softworn Cocoa Harbor color palette (#FAF4E9, #E7D8B4, #C7B38D, #9F9078, #564600)
- Dusty Delta color palette (#E8E0C8, #9B9C72, #6C680D, #573600, #121B03)
- Muted Chartreuse Orchard color palette (#E1F4E5, #ACD978, #2D98A2, #226066, #0B1A0E)
- Soft Moss color palette (#ECEBCB, #818800, #686200, #4B3E00, #030400)
- Quiet Bloom color palette (#F2DFC9, #B8861D, #966100, #703F04, #120900)
- Faded Sky color palette (#DDF5EA, #00BCF6, #B78AD7, #4F955C, #102D22)
Browse the whole catalog at Explore, or see today's palette.