Jasmine
Meet Jasmine (#F8DE7E), a soft, creamy yellow that radiates a gentle warmth. Its muted brilliance sets it apart from bolder yellows, offering a sophisticated glow that can bring a subtle yet distinct character to any design palette. It's a hue with quiet confidence.
What color is Jasmine?
Jasmine is a pale tint of yellow, characterized by its soft, creamy appearance. It carries distinct warm undertones, giving it a gentle, buttery quality that separates it from more acidic yellows.
This specific shade, #F8DE7E, sits comfortably in the warm section of the color wheel. Its high value and low saturation create a light, airy feel that is both comforting and sophisticated.
What is the symbolic meaning of Jasmine (#F8DE7E)?
The color Jasmine (#F8DE7E) evokes a sense of gentle warmth and approachable optimism. It communicates positivity and happiness in a subtle, calming manner, distinct from the energy of more saturated yellows.
Its name connects it directly to the symbolism of the jasmine flower, which often represents purity, love, and good fortune across different cultures. This gives the color a hopeful and serene quality.
How do I use Jasmine in UI design?
In UI design, Jasmine shines as an accent color or a background for specific sections rather than a primary interface color. Its soft warmth, #F8DE7E, creates a welcoming feel. For strong visual hierarchy and readability, pair it with deep charcoals, navy blues, or rich forest greens. These combinations provide the necessary contrast for text and interactive elements, making the design both appealing and functional.
While the specific #F8DE7E shade is not a dominant choice for most companies, you can see its cousins in the palettes of brands like Instagram and Kitchen Stories, where they add a touch of warmth. This relative rarity is an advantage; it offers a distinct identity for a product aiming for a gentle and optimistic feel.
Use the tools on this page to explore curated palettes, check #F8DE7E for accessibility compliance, and see how Jasmine looks in UI components from leading apps.
Using Jasmine color codes
The most common digital representation for the color Jasmine is its hex code, #F8DE7E. Using this specific code consistently across digital platforms is key to maintaining a coherent visual identity.
For different media, you will need to convert this hex code. RGB (Red, Green, Blue) values are standard for on-screen applications like websites and apps, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the go-to for anything destined for print.
To simplify your workflow, we've converted #F8DE7E into a range of popular formats below that you can copy directly for your projects.
Analogous
Analogous color schemes use colors adjacent to Jasmine on the color wheel, creating a harmonious and serene visual experience for any design.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Jasmine, this pairing creates a high-contrast, visually striking effect.
Split Complementary
For a more nuanced yet vibrant palette, a split complementary scheme pairs Jasmine with the two colors neighboring its direct opposite.
Triadic
A triadic combination pairs Jasmine (#F8DE7E) with two other colors, forming an equilateral triangle on the color wheel for a bold, balanced effect.
Tetradic
A tetradic color scheme for Jasmine uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors evenly spaced around the color wheel. When based on Jasmine, the result is a rich, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Jasmine are created by adding black, which gives the color more depth and weight.
Tints
By mixing white with Jasmine, you create tints for a lighter, softer feel.
Tones
Adding gray to Jasmine creates tones, resulting in a softer, less saturated hue.
Hues
Hues are variations of Jasmine, altering its intensity and temperature to create different moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

































































































































