Weathered Mustard color palette — #E5F2E7 · #E5B300 · #FF8387 · #4C3128 · #2A1E1A

A conversation between Saffron and Salmon, giving this palette its sense of optimism and balance.

The five colors

• Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E5B300): A luminous, vivid gold — the color of honey in a jar.
• Salmon (#FF8387): A luminous, balanced red — the color of a theater curtain.
• Espresso (#4C3128): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2A1E1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Frosted Tangerine color palette (#F5DCEF, #CAB200, #FF7731, #4B1900, #250E00)
• Patina Apricot color palette (#FCEAE6, #F39D59, #934859, #52252F, #1F1210)
• Airy Mallow Bloom color palette (#D5F5FF, #F7B114, #FF88CF, #683E56, #1E1823)
• Timeworn Bloom color palette (#C8F1E3, #C0DA00, #FFA475, #46403B, #30251D)
• Peony Delta color palette (#CEF1F3, #E6A800, #F152B8, #402413, #241314)
• Pale Apricot color palette (#FFDACE, #FF965B, #BD6900, #7A4C00, #422C00)
• Airy Fuchsia color palette (#FCECD3, #FF999D, #F26FFF, #452A30, #241418)
• Lime Corridor color palette (#C6E7ED, #03E841, #E0AC00, #48380C, #2A2113)

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