Misty Mustard color palette — #FFF4E2 · #F5B110 · #7C9123 · #005A9D · #312700

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F5B110): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#7C9123): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#005A9D): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#312700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Ancient Harbor color palette (#FFF4E2, #C6B952, #548F4E, #3F4C86, #282102)
• Antique Garden color palette (#FFF4E2, #FFA677, #A58000, #006377, #3D2000)
• Hushed Balcony color palette (#FFF4E2, #C49D00, #4C7A00, #123A82, #151300)
• Timeworn Mustard color palette (#FFF4E1, #D8A600, #009476, #0D4E9D, #40002F)
• Celadon Veranda color palette (#FFF4E2, #BDD889, #4DA581, #665A8C, #32322B)
• Soft Amber color palette (#DEFFE5, #B58100, #586900, #00477D, #403400)
• Weathered Lime color palette (#FFF4E2, #9CD43C, #009D77, #634299, #043205)
• Powdered Quarry color palette (#FFF3E9, #FFA783, #9AB31A, #8A44DB, #4B2E00)

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