Gentle Mustard color palette — #FFF0F9 · #DBB800 · #AA460A · #5E290E · #26141F

Saffron and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Saffron (#DBB800): A luminous, vivid green — the color of fresh herbs.
• Terracotta (#AA460A): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5E290E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#26141F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Gentle 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

• Frosted Mustard Field color palette (#FDF0FF, #CCBF00, #A93E5A, #602232, #211624)
• Dusty Field color palette (#FEE8EE, #D4B051, #845923, #4B2935, #1F1216)
• Linen Canyon color palette (#FFF2E9, #FBD37B, #A54F11, #4D1F00, #100500)
• Weathered Moss Terrace color palette (#FFF0F9, #ADA624, #792C0D, #461300, #291022)
• Quiet Quarry color palette (#FFF2EB, #D6D56F, #DB6736, #933E1A, #291507)
• Mustard Quarry color palette (#E4FCEE, #EDAE21, #786A00, #443B00, #092015)
• Quiet Bronze color palette (#FFF0F7, #FFA064, #009F65, #B95800, #002223)
• Muted Amber Veranda color palette (#E4F0E6, #B78A00, #5A4000, #251800, #000401)

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