Jasmine
A pale luminous yellow with beige undertones
Jasmine is a pale, luminous yellow with strong beige undertones. Because it sits at such a high lightness value, it acts as a soft, sun-washed neutral rather than a primary shade. The hex code #fff4bb provides excellent readability with black text, making it a functional choice for clean, minimal backgrounds. Pair it with deep charcoal or slate gray to ground its airy, mellow quality.
About Jasmine
Fresh butter softening into a warm bowl of oatmeal
What does jasmine mean?
People often read pale yellows like this one as signs of spring, soft daylight, fresh starts, and easy cheer. Its high lightness and low saturation make it feel mellow and open, softer than yellow and airier than beige.
Where you see jasmine
- unsalted butter
- vanilla ice cream
- chamomile tea
- dry straw
- candlelight
- banana pudding
What it works for
It works well for backgrounds, nursery rooms, packaging, and palettes that need warmth without much weight.
What colors go with jasmine?
Sage Green #9caf88Sage green cools its warmth and builds a soft, garden-fresh palette.Charcoal #36454fCharcoal gives this light tone a dark anchor for readable, grounded design.Terracotta #e2725bTerracotta deepens the warmth and keeps the whole palette earthy.Slate Blue #6a5acdSlate blue answers the pale warmth with a steady, muted cool.Dusty Rose #b56f76Dusty rose matches its softness and adds a gentle floral note.
Questions about Jasmine
What is the hex code for Jasmine?
Jasmine is #fff4bb. In RGB that is rgb(255, 244, 187), in HSL hsl(50, 100%, 87%) and in CMYK 0%, 4%, 27%, 0%.
Does #fff4bb work well as a background for text?
Yes, #fff4bb is an excellent background choice because its high lightness value provides strong contrast against standard black or dark grey text. It is often preferred over stark white in web design to create a softer, more inviting, and professional interface.
Is Jasmine readable on white or black?
Jasmine has a 1.11:1 contrast ratio on white and 18.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.