Hazy Mustard color palette — #FFF4DF · #E1DEB6 · #E2B800 · #899400 · #141000

Built around Saffron, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#E1DEB6): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#E2B800): A luminous, vivid green — the color of new leaves after rain.
• Olive Leaf (#899400): A luminous, balanced green — the color of fresh herbs.
• Ink (#141000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Amber Garden color palette (#FFF3E8, #E7D7C7, #FFB682, #AF8100, #170900)
• Hushed Moss Meadow color palette (#FBF5E0, #FFDB6E, #CACA00, #60B400, #0C0F00)
• Pale Olive color palette (#FDF6D8, #F0CD44, #ACBD00, #328B00, #030500)
• Linen Terrace color palette (#FCEDD8, #FFC7BC, #F1B90C, #4CBD4E, #2A2700)
• Linen Drift color palette (#DBFAE0, #F7981A, #B28200, #777200, #2B2100)
• Linen Olive color palette (#EBEBA4, #A8B043, #697E00, #375200, #0D2200)
• Pine Workshop color palette (#D4FBE1, #FF8E6B, #BC9400, #228B32, #0F0C00)
• Olive Meadow color palette (#F9F6E2, #A9C68B, #558549, #6A4A00, #1B1900)

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