Mustard Harbor color palette — #F3DCC4 · #E7AE00 · #A49B00 · #5D7800 · #082F00
Saffron and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F3DCC4): A whisper-light, dusty gold — the color of old brass.
- Saffron (#E7AE00): A luminous, vivid gold — the color of afternoon light on wheat.
- Moss (#A49B00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5D7800): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#082F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Marigold Veranda color palette (#F8E2B5, #E4A300, #839A00, #006EBE, #322800)
- Amber Meadow color palette (#FDE8E3, #FF9C5C, #D08800, #846800, #2B2B00)
- Muted Marigold Workshop color palette (#FFE7E5, #E98F00, #887700, #305A00, #002F25)
- Moss Pier color palette (#ECE6C5, #AFC700, #5BAD00, #008249, #002F26)
- Timeworn Moss Study color palette (#F9EFD6, #A49300, #4E612C, #37342E, #0D0600)
- Timeworn Forest Boulevard color palette (#FFF3E4, #E6D9A6, #B3BC88, #789A60, #1D582F)
- Softworn Courtyard color palette (#DCEEB0, #98D48C, #3BB884, #008771, #003436)
- Olive Hollow color palette (#EDE7D9, #898100, #4C6F00, #034C0D, #000603)
Browse the whole catalog at Explore, or see today's palette.