Weathered Mustard color palette — #DBE9D1 · #CDC500 · #B2ABFF · #4D4971 · #151927

Saffron takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DBE9D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#CDC500): A luminous, vivid green — the color of fresh herbs.
• Lavender (#B2ABFF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4D4971): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#151927): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Tempered Chartreuse color palette (#C6F1EC, #C6DD59, #CABBFF, #50577B, #2A2C34)
• Powdered Coast color palette (#DCE2D3, #FEAC28, #6FBFFF, #2F516C, #131D26)
• Worn Seafoam color palette (#E7E9DA, #7AEC97, #AE81DF, #5F4B75, #1B1C25)
• Mint Pier color palette (#CEEFF8, #00EA96, #FF9AB9, #763D4F, #271E2A)
• Ancient Workshop color palette (#82FDF4, #BBEF96, #FFBCE6, #726682, #312E35)
• Rose Meadow color palette (#C6EBDA, #5AC3FF, #E65A7D, #652434, #1B0E1E)
• Fuchsia Pier color palette (#E9EDCE, #00E4E1, #E565DF, #684265, #1C1727)
• Timeworn Wisteria color palette (#C4E9FC, #FF97AC, #BF95FF, #3A2B50, #23141A)

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