Weathered Mustard color palette — #DEF5F4 · #E1BF00 · #EF77B2 · #522D2C · #2E1B1A

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

The five colors

• Cream (#DEF5F4): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E1BF00): A luminous, vivid green — the color of a quiet forest floor.
• Bubblegum (#EF77B2): A luminous, vivid rose — the color of a warm blush.
• Espresso (#522D2C): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2E1B1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Sunlit Terrace color palette (#D6E5F3, #B3D100, #FF8CA1, #4C2C25, #2C1B17)
• Soft Fuchsia Atelier color palette (#CDF8F9, #F8B222, #FF79ED, #4F2F4A, #2D1C1E)
• Magenta Archive color palette (#DCEFF8, #BBDD30, #E343EA, #4F2C21, #311D21)
• Antique Peony Courtyard color palette (#D6F1F4, #87C000, #EF4987, #3D1B16, #160A08)
• Lilac Coast color palette (#DDF2DC, #FFA97C, #B98EF0, #522F3E, #2E1F25)
• Frosted Loft color palette (#E6ECFF, #00E3A0, #FF936F, #3B3430, #291B12)
• Feathered Mustard Dune color palette (#FFF2F0, #E7B128, #A63E69, #5A273A, #2A1311)
• Soft Fuchsia color palette (#DDE7DB, #43E5FF, #E677D6, #6C3C64, #201C29)

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