Weathered Mustard color palette — #FFF3E9 · #DFD3CB · #BBC24B · #A6B3AE · #35302A

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#DFD3CB): a clean, paper-quiet neutral.
• Gold (#BBC24B): A luminous, balanced green — the color of new leaves after rain.
• Ash (#A6B3AE): a calm mid-gray that lets other colors speak.
• Espresso (#35302A): a grounded near-black with real depth.

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

Use it as a design system

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

• Celadon Chapel color palette (#FBF4EA, #E5DBD4, #B3E19B, #A7C2C5, #403D36)
• Worn Taupe Archive color palette (#FFF0F8, #EED7C4, #C2C492, #8BAD70, #503642)
• Taupe Workshop color palette (#FCF4EA, #D8E4BC, #8BA970, #8F6B6F, #3B3831)
• Softworn Mint color palette (#FCF5E4, #FFF3A8, #E3DDD1, #5ED394, #322D14)
• Timeworn Stone color palette (#FFF2EE, #E6DCBA, #C3B991, #8A7283, #674959)
• Soft Chartreuse Lantern color palette (#F9F6E0, #DFDFCC, #BFEF63, #00BEAC, #242800)
• Apricot Drift color palette (#FFF0F8, #FFD3D7, #F0A275, #A28435, #4C2F39)
• Amber Bloom color palette (#FFF3E2, #F3CF8B, #BEACFF, #AD8221, #4C2D3D)

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