Soft Mustard color palette — #FFF1F6 · #DAC100 · #1DC37C · #9652A8 · #2F3B04

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Saffron (#DAC100): A luminous, vivid green — the color of a quiet forest floor.
• Clover (#1DC37C): A luminous, vivid teal — the color of sea glass.
• Orchid (#9652A8): A full-bodied, balanced pink — the color of a candy shop window.
• Forest (#2F3B04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Soft Mustard 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

• Sunlit Clover color palette (#FFF1F5, #F5B418, #4DC323, #8556BF, #3C3600)
• Muted Chartreuse color palette (#FFF0F7, #B5D010, #00B79B, #AA579A, #003F39)
• Lime Balcony color palette (#F8D1E3, #AFB300, #00A07B, #933F8F, #172A04)
• Patina Indigo color palette (#DFFFE2, #FFA879, #B0AB19, #5D64D0, #4B2F05)
• Feathered Coast color palette (#FFF0F9, #9ED99A, #00BBC4, #B3677B, #224445)
• Misty Boulevard color palette (#EAFAEB, #D6D385, #80B84E, #A38351, #204333)
• Timeworn Lime color palette (#FFF5D5, #8EBA00, #009734, #00667A, #253D10)
• Ancient Pier color palette (#F8F1B7, #ABD7A4, #68C3BD, #9E7387, #564662)

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