Timeworn Mustard color palette — #F9E9F3 · #CEB342 · #8E503C · #51281B · #20101B

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

The five colors

• Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#CEB342): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#8E503C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#51281B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#20101B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Mustard Lantern color palette (#FFF1F5, #DBC27F, #936739, #5A3644, #291E22)
• Wandering Mustard color palette (#F4EAFE, #B7BC59, #8F4771, #3D2D4D, #191220)
• Washed Harbor color palette (#DFF5E7, #DFAB3B, #756200, #403503, #091A10)
• Aged Dune color palette (#FEF3EB, #E9CC91, #99491E, #451800, #090200)
• Aged Quarry color palette (#FCE8F5, #9EA061, #692F20, #3A150B, #1E111A)
• Weathered Amber color palette (#FAEBE3, #C9CE8D, #BF6F56, #863E27, #231107)
• Softworn Emerald Alley color palette (#FDF1F7, #FB9766, #009A50, #A85930, #011D1C)
• Muted Bronze Archive color palette (#D7EED8, #A37D00, #4C3200, #180D00, #000300)

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