Soft Mustard color palette — #FBF4E6 · #FFCCBA · #E0BB18 · #3FA460 · #3C3B34

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

The five colors

• Cream (#FBF4E6): bright and airy, almost weightless.
• Peach Cream (#FFCCBA): A whisper-light, dusty orange — the color of toasted spice.
• Saffron (#E0BB18): A luminous, vivid green — the color of new leaves after rain.
• Kelly Green (#3FA460): A luminous, balanced teal — the color of sea glass.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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

• Antique Apricot color palette (#FFF3E8, #FFCFCF, #FBA252, #749E39, #45413B)
• Dusty Honey Balcony color palette (#FEF4E1, #E0DFB7, #E9C954, #A1B369, #424039)
• Frosted Workshop color palette (#F6F7E3, #FFCF89, #99D45A, #00AAA0, #3E4039)
• Wandering Market color palette (#E3F8EB, #FFD18F, #C9B44F, #849649, #052A1C)
• Wandering Garden color palette (#EBFADC, #ABBB00, #00B079, #00728A, #003027)
• Washed Boulevard color palette (#EEE3B5, #A3A851, #4C8E08, #176537, #454942)
• Clover Studio color palette (#F1FAD9, #ECD300, #00C671, #008AA2, #003F2D)
• Softworn Lagoon color palette (#FFF3E8, #C3B696, #638F6F, #735878, #654D4E)

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