Mustard Garden color palette — #F8DBCF · #F3B332 · #9FA057 · #51859B · #243C64

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

The five colors

• Shell Pink (#F8DBCF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Saffron (#F3B332): A luminous, balanced gold — the color of old brass.
• Moss (#9FA057): A luminous, balanced green — the color of a quiet forest floor.
• Storm Blue (#51859B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#243C64): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Timeworn Mustard color palette (#EBE1D1, #BBC057, #75AD6A, #637CA1, #423A68)
• Quiet Canyon color palette (#FFEAEC, #F5A688, #C99639, #128485, #00485F)
• Tempered Grove color palette (#F8D4DD, #F09555, #779558, #565E91, #333973)
• Faded Corridor color palette (#FFDEAA, #CFD47C, #92B88D, #A0839D, #4B4369)
• Honey Market color palette (#F4E5AE, #EBC632, #788BEA, #A28500, #1C1C75)
• Pale Courtyard color palette (#FFF1F1, #EABF96, #8E9343, #4E4E9A, #272751)
• Sand Courtyard color palette (#FFF3E8, #F0DAB4, #CAC5A8, #8CA098, #574954)
• Taupe Archive color palette (#F4E5D0, #B09B59, #6F7232, #004E3E, #002626)

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