Soft Mustard color palette — #FFF1F6 · #D2BB48 · #578628 · #205B5A · #001F10

A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Gold (#D2BB48): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#578628): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#205B5A): A full-bodied, dusty teal — the color of sea glass.
• Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Washed Atelier color palette (#E7FBED, #A3CA77, #208A64, #355B43, #001E18)
• Ancient Straw Drift color palette (#ECFAEA, #D6D584, #6B9766, #3B6B7B, #102E22)
• Misty Moss color palette (#E6FCE9, #98AE2D, #00733B, #004450, #000A06)
• Tempered Balcony color palette (#DAFFEF, #75DD92, #009287, #185C8F, #00260E)
• Wandering Fern Grove color palette (#D2E9DD, #8C9456, #475F00, #164414, #121400)
• Emerald Field color palette (#CCE9D9, #4BA53F, #005B4B, #002F46, #000200)
• Tempered Stone color palette (#FCF2F7, #CAE4D0, #A5B688, #828497, #3C4A40)
• Amber Market color palette (#ECF7FF, #53C6FF, #BB6F00, #006C95, #271300)

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