Hazy Mustard color palette — #DFEFD0 · #F0AE00 · #FF7B93 · #3C221C · #1C0D0A

Built around Saffron, softened by Rose — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#DFEFD0): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#F0AE00): A luminous, vivid gold — the color of honey in a jar.
• Rose (#FF7B93): A luminous, vivid red — the color of embers at dusk.
• Espresso (#3C221C): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1C0D0A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Hazy 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

• Soft Blush Coast color palette (#F2F1DF, #FFA06F, #FC76B7, #371C1B, #150B0A)
• Softworn Honey Hollow color palette (#CDEBD8, #EDC84B, #FF9E81, #3B3430, #221712)
• Worn Lime color palette (#CFF0E5, #AECB00, #F98B0A, #2C2713, #18120D)
• Dusty Pier color palette (#FDEEEC, #DAA686, #754452, #3F1925, #170806)
• Tempered Bronze color palette (#FFECE6, #DB9A76, #A2693C, #6B4000, #2D1D00)
• Ember Workshop color palette (#D5ECDC, #B29C00, #F84002, #310500, #0C0200)
• Ancient Corridor color palette (#FBEFEB, #E69C9F, #A1642F, #A23E49, #170B03)
• Washed Lime Balcony color palette (#FFE5EE, #70C100, #D88000, #2D1C09, #0E0702)

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