Soft Mustard color palette — #FFF2ED · #FFA198 · #D8AF04 · #C68BD4 · #3E3633

Gold and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FFA198): A luminous, balanced orange — the color of toasted spice.
• Gold (#D8AF04): A luminous, balanced green — the color of fresh herbs.
• Mauve (#C68BD4): A luminous, balanced pink — the color of neon signs at night.
• Charcoal (#3E3633): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged light.

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

• Frosted Lime Drift color palette (#FFF3E7, #F9AA5B, #91C84E, #D68CA5, #3C3731)
• Sunlit Apricot Studio color palette (#FFF1F2, #F09EDF, #FF936C, #84A1F4, #4C2E32)
• Softworn Taupe color palette (#FFF3E4, #E2CDAC, #C9A670, #A77F55, #403D36)
• Wandering Field color palette (#FFE8C1, #E8A700, #00CE47, #FE5A74, #412C00)
• Softworn Teal Pier color palette (#FFF2EF, #DF869C, #00B199, #0D95B6, #4A302C)
• Soft Coral color palette (#FFF2ED, #FFCDCB, #FF8A86, #B66565, #4D2321)
• Muted Quarry color palette (#FFF2ED, #E3D8CA, #AFBFCC, #DB9A9F, #7A3F1B)
• Hazy Amber Pier color palette (#EFE4C5, #BBB33A, #00C09A, #DD734F, #342A0D)

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