Worn Mustard color palette — #FAF2FB · #E2D7E0 · #BABBA3 · #CDAB4B · #563E51

Gold and Charcoal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Silver (#E2D7E0): bright and airy, almost weightless.
• Stone (#BABBA3): A luminous, dusty green — the color of a quiet forest floor.
• Gold (#CDAB4B): A luminous, balanced gold — the color of old brass.
• Charcoal (#563E51): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, 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

• Hushed Lime Ridge color palette (#FEF1F9, #F0D3DA, #BCCBB1, #A5B556, #3C513E)
• Washed Apricot Station color palette (#F7F3FE, #DCD9E5, #FFC2C6, #EC9E6D, #57415E)
• Weathered Cocoa Alley color palette (#FFF2EE, #E4D0CF, #E2CE8E, #ACB5AD, #592B00)
• Amber Harbor color palette (#FFF1F6, #E7BA96, #85B8DF, #C67628, #355067)
• Wandering Cerulean Delta color palette (#F4F4FF, #CECBE1, #B79DAE, #6C8BA9, #4E4E65)
• Misty Jade color palette (#ECFAEA, #FFD4D8, #FCC276, #3BBE85, #3F3D10)
• Feathered Moss Harbor color palette (#FFF0F9, #F7CEFF, #FFADA4, #8FAC00, #4F2800)
• Hushed Taupe color palette (#F8EEF7, #C78985, #4D5D4C, #40333F, #242028)

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