Timeworn Mustard color palette — #FFF3E4 · #FAAB00 · #B57700 · #7A4E00 · #311F00

Saffron and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Saffron (#FAAB00): A luminous, vivid gold — the color of afternoon light on wheat.
• Mustard (#B57700): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#311F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged monochrome.

Use it as a design system

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

• Frosted Marigold color palette (#FFEAD9, #ECA33B, #C16F27, #86503F, #39352F)
• Mustard Harbor color palette (#FFF4DB, #EAB100, #776A00, #423B07, #201A09)
• Mustard Loft color palette (#FBFBA5, #D5C300, #929000, #5D5900, #2E2900)
• Weathered Amber Corridor color palette (#FFF3E5, #FFD9AB, #C48000, #6A4500, #251500)
• Hushed Ember color palette (#FFF2ED, #FFB08D, #E15800, #933300, #430F00)
• Hushed Mustard Loft color palette (#FFF3E6, #DCE7BC, #BAD078, #BA7559, #533B12)
• Lime Workshop color palette (#FAF6E2, #B8C700, #009A98, #767F00, #0E230E)
• Softworn Moss Bloom color palette (#E3E4CE, #A3A200, #6A6A00, #373700, #070700)

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