Mustard Study color palette — #F8DEC3 · #D0C607 · #348EE9 · #001D3C · #18081A

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

The five colors

• Peach Cream (#F8DEC3): A whisper-light, dusty gold — the color of old brass.
• Saffron (#D0C607): A luminous, vivid green — the color of new leaves after rain.
• Azure (#348EE9): A luminous, vivid blue — the color of a favorite pair of jeans.
• Midnight (#001D3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#18081A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Mustard Study 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

• Antique Cabin color palette (#E8EED1, #6DD17B, #3885EA, #041A38, #0D060D)
• Washed Marigold color palette (#EDF0E0, #E0A300, #00B4C7, #002429, #000E04)
• Dusty Sky Atelier color palette (#E2E8D5, #FFAA76, #59BFFF, #083C59, #111F29)
• Worn Station color palette (#E2E7DA, #FF98A0, #7B9BF6, #1E2A4F, #291C26)
• Weathered Violet Veranda color palette (#D3F6FB, #00B97B, #8972FF, #150240, #0D0208)
• Gentle Wisteria color palette (#DBE6D4, #0FD6A4, #B476E9, #3F212C, #181013)
• Feathered Onyx color palette (#FFEBFA, #B9A943, #324490, #0D125B, #130110)
• Worn Amethyst color palette (#F8EFF2, #E3D3CB, #D7B7AC, #7F4EB5, #341D26)

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