Mustard Garden color palette — #F8F1E3 · #CBB66A · #837F36 · #6C4F00 · #27201A

Built around Gold, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Gold (#CBB66A): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#837F36): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#6C4F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#27201A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Aged Fern Pier color palette (#F1F3E6, #9BC496, #747F6F, #555A0A, #23221B)
• Patina Station color palette (#E7F6EC, #AC9B54, #465E54, #293D31, #1C241E)
• Worn Moss color palette (#ECE7CD, #9DAC00, #4B7255, #404617, #191002)
• Moss Garden color palette (#E6E6D8, #709C00, #465C1A, #303029, #070400)
• Ancient Emerald color palette (#FDE9CA, #BFDEB1, #A5C077, #6B9D5B, #4C4F47)
• Tempered Emerald color palette (#DEE3CD, #00923B, #004D46, #002509, #020200)
• Lime Drift color palette (#F7F6E7, #C8DDB2, #D8B9EB, #8FB85B, #64424C)
• Patina Study color palette (#FFF2E9, #E9DCC3, #C3C8A6, #B1959C, #69494C)

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