Mustard Garden color palette — #F8D4E3 · #EBAE39 · #AAB259 · #BA6059 · #2A0816

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

The five colors

• Shell Pink (#F8D4E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Saffron (#EBAE39): A luminous, balanced gold — the color of old brass.
• Sage (#AAB259): A luminous, balanced green — the color of new leaves after rain.
• Terracotta (#BA6059): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#2A0816): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Chalky Mustard color palette (#FDE3C6, #DAB424, #8DB249, #A8603A, #231A00)
• Faded Hollow color palette (#FFD9D7, #FF9D69, #DB9500, #B35378, #370804)
• Marigold Studio color palette (#F6E6DF, #E2A000, #58AA72, #8B3E5E, #251200)
• Hazy Delta color palette (#FFE8DC, #F0C27B, #94B543, #8C3440, #080300)
• Tempered Bronze Terrace color palette (#F7E6D6, #C19248, #947B00, #6E2D00, #0C0500)
• Feathered Veranda color palette (#CFE6DA, #ACCF3E, #3DBE89, #A57100, #001F16)
• Softworn Amber Delta color palette (#F8E1D6, #D17500, #A95123, #822B25, #130900)
• Wandering Amber color palette (#D1E6D6, #BC8E00, #6D5500, #332600, #000301)

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