Weathered Mustard color palette — #FCF2F2 · #FFCCED · #C9B868 · #D096BC · #302D27

A conversation between Gold and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F2): bright and airy, almost weightless.
• Thistle (#FFCCED): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#C9B868): A luminous, balanced green — the color of fresh herbs.
• Mauve (#D096BC): A luminous, balanced pink — the color of neon signs at night.
• Espresso (#302D27): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, light, muted.

Use it as a design system

One click turns Weathered 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 Lantern color palette (#FBF2F6, #DFD8FF, #EFA185, #ADA2D6, #4B2000)
• Mint Canyon color palette (#FCF3EF, #FFD1CC, #6ECBB9, #DF948C, #293026)
• Weathered Dune color palette (#F8F3FB, #FFBBCD, #B8955E, #B87688, #273128)
• Softworn Corridor color palette (#FEF3EC, #F8A979, #8FB686, #71956C, #413239)
• Apricot Workshop color palette (#FFF0F9, #FFCACB, #E3A580, #A08E52, #3F531E)
• Weathered Cocoa color palette (#FAF5E4, #FFBACA, #C7A979, #6B9787, #703512)
• Softworn Shell Grove color palette (#FFF2EF, #FFACBF, #74BAA1, #6989B0, #513853)
• Soft Lime color palette (#FFF2EF, #FFB7CC, #60D96B, #CF5783, #1C1F06)

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