Worn Mustard color palette — #FFF3E9 · #DED4CB · #B8C35F · #9FB1AD · #3B3530

Built around Gold, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#DED4CB): a clean, paper-quiet neutral.
• Gold (#B8C35F): A luminous, balanced green — the color of new leaves after rain.
• Ash (#9FB1AD): A luminous, dusty teal — the color of sea glass.
• Espresso (#3B3530): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Mustard Lagoon color palette (#FFF2ED, #E6CFCD, #C0C1B7, #E2B355, #542800)
• Worn Stone Veranda color palette (#FFF2EE, #E2DEC3, #BABC8C, #8C7282, #56444F)
• Worn Straw color palette (#FCF4E6, #F6EA70, #E2DCD0, #72DA91, #36352E)
• Chartreuse Coast color palette (#F8F7E1, #DDDEC7, #B0EB0C, #00C0BB, #222801)
• Amber Archive color palette (#FFF4E1, #F0D087, #B8AEFF, #AB8300, #4E2B3F)
• Marigold Corridor color palette (#FFF2E9, #FFD29F, #D3A200, #786D0C, #3C4821)
• Gentle Field color palette (#FFF0F8, #FFC0BF, #EF9D6F, #A28D26, #563543)
• Softworn Emerald Ridge color palette (#FDECF5, #FFCCD3, #EFA079, #69964F, #102D15)

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