Mustard Coast color palette — #F8DFC8 · #F5B120 · #BE9900 · #867E00 · #3A4100

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

The five colors

• Parchment (#F8DFC8): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F5B120): A luminous, vivid gold — the color of old brass.
• Mustard (#BE9900): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#867E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3A4100): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Mustard Coast 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 Moss Quarry color palette (#FFF2ED, #FFB874, #AB9300, #687200, #1D440E)
• Hushed Corridor color palette (#EBE0D6, #CB9200, #836A00, #514D00, #252D00)
• Muted Grove color palette (#FFD5CB, #FFA573, #F08308, #AC6F00, #503C00)
• Antique Emerald color palette (#E3E0D1, #C6C442, #90B200, #2D9500, #004E22)
• Weathered Lime color palette (#F3FCBA, #D5DD71, #A3B100, #737C00, #252500)
• Faded Balcony color palette (#FFF5D9, #B6FAD2, #69E4E6, #DCA200, #394917)
• Hushed Olive color palette (#F3ECCF, #9EA000, #638B00, #276400, #00240A)
• Sunlit Peony Courtyard color palette (#F7EBC6, #C3BA00, #00BCEE, #F74FB9, #353200)

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