Mustard Harbor color palette — #FFF3E3 · #FFD7BF · #F0B90B · #88AE3C · #3D3600

Saffron and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peach Cream (#FFD7BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F0B90B): A luminous, vivid gold — the color of honey in a jar.
• Moss (#88AE3C): A luminous, balanced green — the color of fresh herbs.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged candy, vibrant, light.

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

• Quiet Mustard Hollow color palette (#FCF5DF, #FFC378, #BABF35, #58AB6F, #32390D)
• Amber Cabin color palette (#FFF2E9, #FFC4C5, #FFA261, #B79800, #51320B)
• Quiet Emerald Courtyard color palette (#FFF4E0, #FFBAA8, #EBA400, #289E0F, #433900)
• Lime Hollow color palette (#E2FDEA, #FFE386, #D0D9CA, #A2B500, #2C2600)
• Linen Lime Workshop color palette (#F7F7DC, #F5D422, #75DE00, #00B694, #173B16)
• Lime Atelier color palette (#E6DFC3, #B2B400, #7D9800, #447500, #1A5027)
• Antique Pier color palette (#DAE5B8, #DBA500, #93A200, #008E61, #111E00)
• Feathered Emerald Summit color palette (#FBF6DD, #9ACB86, #179F5D, #895D47, #2B4221)

Browse the whole catalog at Explore, or see today's palette.