Sulphur
#cab012
Sulfury olive-gold that reads greener than mustard
About Sulphur
Sulphur reads like a bright sulfur note laid over a green label. It's noticeably more citrus-yellow than Mustard, without the dry, olive density that makes Mustard feel heavy. Compared with Hot Sand, it's less sun-baked and direct, more saturated and tighter in tone, so it doesn't behave like a thin layer of light. And unlike Muddy Yellow, it stays clearer and cleaner, not dusty or grayed out.
I like using it when you need a green-family accent that still hits as "yellow" at a glance, especially in CPG shelf labels where you're marking deals or compliance-style statuses. It also works in ecommerce for tier pills and product-card badges where you want the highlight to pop next to olives, and in dashboards and finance apps when you're flagging a specific segment without drifting into the muted, settled warmth of Mustard.
Quirk: Sulphur can feel a bit sharp beside very soft greens, so it plays nicer with slightly deeper sage or warm neutrals that won't dull the yellow side.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.