Mustard Garden color palette — #FFF4DB · #F5B62F · #A97D00 · #694F00 · #2F2200

Built around Saffron, softened by Mustard — the whole palette hums with optimism and balance.

The five colors

• Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F5B62F): A luminous, balanced gold — the color of old brass.
• Mustard (#A97D00): A luminous, balanced gold — the color of old brass.
• Bronze (#694F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged monochrome.

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

• Weathered Olive color palette (#F6F6BF, #C7C169, #878606, #555300, #242400)
• Timeworn Amber color palette (#FFF2EA, #FFA76A, #CB6800, #884200, #3E1800)
• Marigold Station color palette (#FFF4DC, #D6A436, #8B6600, #513A00, #342300)
• Aged Amber color palette (#FFF4DC, #FFDD9A, #C19100, #6E4E00, #1A1100)
• Quiet Amber color palette (#FFF3E4, #F8F5AB, #A5D892, #CB7944, #574619)
• Faded Grove color palette (#E4EBD2, #93A82C, #626900, #2D3400, #090D00)
• Aged Olive color palette (#F7F6E8, #A1CB5F, #009A98, #608600, #002322)
• Chalky Mustard Harbor color palette (#F1D9F5, #26D7F8, #C3B900, #3A3831, #292310)

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