Warm Artisanal Spice Gold
Category: Yellow
Mustard Yellow (#FFDB58) — Color Codes, Meaning & UI Palettes
Mustard Yellow captures the savory warmth of culinary mustard seeds. It projects retro mid-century modern flair, culinary artisanal quality, and radiant optimism.
Click to Copy HEX
Mustard Yellow
#FFDB58
HEX
#FFDB58
RGB
rgb(255, 219, 88)
HSL
hsl(47deg, 100%, 67%)
CMYK (Print)
cmyk(0%, 14%, 65%, 0%)
Apple Display P3
color(display-p3 1.000 0.859 0.345)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.35:1 (Fail)
Black Text (#000000)
15.53:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFDF5
100
#FFF9E4
200
#FFF3CA
300
#FFECA8
400
#FFE480
500
#FFDB58
600
#CCAF46
700
#998335
800
#665823
900
#383013
950
#1F1A0B
Color Harmonies & Palette Schemes
Complementary
#577BFF
Opposite 180° Contrast
Analogous -30°
#FF8657
Natural Harmony
Analogous +30°
#CFFF57
Natural Harmony
Triadic +120°
#57FFDB
120° Balanced Triad
Triadic +240°
#DB57FF
120° Balanced Triad
Curated UI Design Pairings for Mustard Yellow
A standout focal color for lifestyle brands, vintage clothing lines, and coffee shops. Pair with deep petrol blue or olive for striking 70s aesthetics.
Deep Petrol
#264653
Striking Contrast
Olive Green
#606C38
Earthy Retro Harmony
Sunlit Cream
#FAF7F2
Soft Canvas
Cast Iron
#1E293B
Sharp Typography
Export Mustard Yellow Code Snippets
CSS Variable
--color-mustard-yellow: #FFDB58;
Tailwind Config
'mustard-yellow': '#FFDB58'
Swift / SwiftUI
Color(hex: "#FFDB58")
JSON Design Token
{"name": "Mustard Yellow", "hex": "#FFDB58"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.