Worn Mustard color palette — #FFF2EB · #CCC87D · #9D5F4A · #48413D · #2B1E17

Pistachio and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#CCC87D): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#9D5F4A): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#48413D): a grounded near-black with real depth.
• Onyx (#2B1E17): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Honey Ridge color palette (#F9F5EA, #E9BC76, #7D7324, #45423B, #272113)
• Mint Grove color palette (#FFF1F2, #A9D38D, #945C86, #59383B, #2A1E1F)
• Bronze Boulevard color palette (#FEF1F8, #F1E6B6, #A16548, #572B14, #170B12)
• Ancient Chestnut Study color palette (#FEF3EA, #F3CFA0, #BC8764, #875533, #2A1F16)
• Patina Bronze color palette (#FDF3ED, #FFAD92, #00A4A1, #B9664C, #1C281B)
• Muted Bronze Garden color palette (#E5DECE, #986B00, #342B00, #1A221B, #080600)
• Ancient Mustard Grove color palette (#F8E0C8, #CCA700, #804E00, #432600, #1A0C00)
• Marigold Hollow color palette (#FFF3E8, #E2A353, #5C9662, #67598E, #403D36)

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