Mint Green
Meet Mint Green (#98FF98), a color that balances vibrant energy with a cool, airy feel. Its striking luminosity and crisp quality make it a standout choice for modern digital interfaces, offering a fresh take on green that immediately captures attention without overwhelming the eye.
What color is Mint Green?
Mint Green is a pale, cool-toned shade of green, sitting somewhere between cyan and spring green.
Its composition of green, a large amount of white, and a touch of blue gives it a characteristically refreshing and cool quality. Variations can range from slightly bluer tones to those with a hint more yellow.
What is the meaning of Mint Green (#98FF98)?
Mint Green evokes a sense of freshness and tranquility. Psychologically, it's tied to feelings of creativity, optimism, and new beginnings, offering a calming yet uplifting presence.
Symbolizing health and good fortune, the color also carries a nostalgic charm from its popularity in the Art Deco and mid-century eras.
How can I use Mint Green in my UI design?
Mint Green works beautifully when paired with strong contrasts. Consider deep charcoals or navy blues to make UI elements pop, ensuring both readability and a sophisticated finish. For a softer, more organic feel, combine it with earthy tones, creams, or even a muted coral. Its versatility allows it to serve as a refreshing background or a subtle, attention-grabbing accent for interactive elements.
Few major brands build their entire identity around Mint Green, which presents a unique opening for differentiation. While companies like the financial services app Opal use a similar light green to project freshness and calm, the color remains relatively uncommon. This scarcity means that using #98FF98 can help a product stand out in a crowded market.
Get a feel for Mint Green in a practical setting with the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #98FF98 in real UI components from top brands.
Using Mint Green color codes
The hex code #98FF98 is your direct line to Mint Green in any digital design tool. Using this specific value maintains color consistency, whether you're building a component library or mocking up a new screen.
While HEX is standard for the web, you'll often need to translate #98FF98 into other color models. RGB is fundamental for screen displays, while CMYK is necessary for print. Other models like HSL provide a more intuitive way to make adjustments to saturation or lightness.
To simplify your workflow, we have converted #98FF98 to a range of popular formats below that you can copy for your projects.
Analogous
Analogous colors are neighbors on the color wheel. For Mint Green, this creates a harmonious and serene palette, perfect for cohesive designs.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Mint Green, this pairing creates a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Mint Green uses the two colors adjacent to its direct opposite, creating a vibrant yet balanced palette.
Triadic
Triadic palettes are built from three hues equidistant on the color wheel. Starting with Mint Green, this combination offers a bold and balanced look.
Tetradic
A tetradic scheme pairs Mint Green with three other hues, created by finding two sets of complementary colors that form a rectangle on the color wheel.
Square
A square color scheme uses four colors equidistant on the color wheel. With Mint Green as the base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Mint Green are created by adding black, resulting in darker, weightier tones.
Tints
Tints of Mint Green are created by adding white, resulting in softer, paler variations.
Tones
Tones of Mint Green are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are variations of Mint Green differing in intensity or temperature, which can alter your design's mood.
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.
