Softworn Mustard color palette — #FFF0F9 · #F4B415 · #1DC37E · #9053B1 · #373806

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Saffron (#F4B415): A luminous, vivid gold — the color of old brass.
• Clover (#1DC37E): A luminous, vivid teal — the color of shallow lagoons.
• Amethyst (#9053B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#373806): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Softworn 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

• Hazy Clover Hollow color palette (#FFF1F7, #FFAB5E, #5CC219, #7F5ABF, #433300)
• Mustard Thicket color palette (#FEE6FC, #C8BE53, #00AF9A, #9B5A8E, #0F3831)
• Airy Archive color palette (#F2D3EC, #D0A415, #1AA97B, #8D338B, #002C20)
• Chalky Emerald color palette (#DEFFE5, #CEC400, #12A136, #485099, #232C00)
• Powdered Indigo Thicket color palette (#E3FEE5, #FFA598, #B4A91A, #5169CD, #512A06)
• Mint Ridge color palette (#FFE6F3, #DDD28B, #44CCAF, #BC7483, #6C3A45)
• Softworn Lime Market color palette (#FFF1F6, #DDCF8B, #76BB2C, #AD7D55, #214331)
• Frosted Market color palette (#EDDFEF, #99A000, #008882, #970167, #031C01)

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