Mustard

Mustard is a rich, warm yellow that carries distinct earthy undertones, giving it a muted and sophisticated quality.

Its character comes from a desaturated yellow hue, which can present with a subtle greenish-brown cast depending on the specific shade.

The color Mustard evokes feelings of comfort, warmth, and optimism. It has a sophisticated quality that inspires creativity and confidence without the intensity of brighter yellows.

Historically tied to autumn and harvest, the color symbolizes prosperity and a mature sort of cheerfulness. It carries a certain retro charm while remaining a staple in modern aesthetics, representing individuality.

Mustard works brilliantly as an accent color to draw attention to key elements like calls-to-action, icons, or active states. For a balanced and professional feel, pair it with a neutral palette of charcoal grays, deep navies, and off-whites. This approach often follows the 60-30-10 rule, where Mustard serves as the vibrant 10% that makes the design pop without overwhelming the user.

While not a dominant color in the tech world, it's used effectively by confident brands like HoneyBook, Epidemic Sound, Turo, and Binance. Its application suggests a brand personality that is warm, approachable, and creative, setting a product apart from the sea of corporate blues and greens.

To see these ideas in practice, use the tools on this page. You can explore curated palettes, test color contrast for accessibility, and preview how Mustard (#FFDB58) appears in real UI components from leading applications.

The most direct way to specify the color Mustard in a digital project is with its hex code, #FFDB58. This six-digit code is a web-standard shorthand for its specific mix of red, green, and blue light.

Different design applications call for different color models. For screen-based work, you will primarily use RGB (Red, Green, Blue). For print materials, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which correspond to ink colors. Other formats like HSL (Hue, Saturation, Lightness) provide a more intuitive method for making color adjustments.

To get you started, we have converted #FFDB58 into a range of popular formats below. Simply copy the code you need for your tool or project.