Worn Mustard color palette — #F1F7F3 · #D1DEDD · #A6B3BB · #BFAB5C · #404B44

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Ash (#A6B3BB): a calm mid-gray that lets other colors speak.
• Gold (#BFAB5C): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#404B44): a grounded near-black with real depth.

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

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

• Weathered Jade Harbor color palette (#ECF8F7, #D0DBE1, #ADA8BA, #54BD74, #304443)
• Washed Workshop color palette (#ECF8F7, #ABE1E1, #75BDA4, #6F9B88, #234A4A)
• Pewter Basin color palette (#F5F1EA, #D5DACE, #B7C1AF, #7F7548, #302C23)
• Patina Lime Thicket color palette (#D6EAE3, #9CB757, #517971, #315148, #121B17)
• Hushed Ash Orchard color palette (#DAFDFF, #BFDEE3, #99C2CF, #798FBB, #434C6B)
• Washed Jade color palette (#E5FCF0, #C5CE8D, #85B471, #0892A2, #16473B)
• Wandering Boulevard color palette (#E8F9FA, #84D1B0, #42B1C3, #3D7DD0, #402B5D)
• Dusty Ridge color palette (#E7F1EC, #A3B3B4, #7CA0A6, #7A7500, #00190F)

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