Mint
Meet Mint (#3EB489), a color that balances vibrancy with a cool, refreshing quality. Its unique position between green and cyan gives it a distinctive character, making it a compelling choice for modern digital interfaces seeking a fresh yet grounded aesthetic.
What color is Mint?
Mint is a cool, pale green that sits between green and cyan on the color wheel. It possesses distinct blue undertones, giving it a crisp and refreshing quality.
Visually, it's a light, airy tint with high brightness and relatively low saturation, creating a sense of calm and spaciousness.
What is the meaning of the color Mint in design?
The color Mint, with its hex code #3EB489, is deeply connected to feelings of freshness, vitality, and renewal. It often symbolizes new beginnings and growth, evoking a sense of calm and optimism in viewers.
Psychologically, Mint is perceived as a restorative and creative color. It represents a balance between tranquility and energy, making it a symbol for forward-thinking ideas and well-being.
How can I use Mint in my UI design?
In UI design, Mint (#3EB489) is highly effective as an accent color for calls-to-action, icons, and highlights. Pair it with a foundation of off-white or charcoal gray for a crisp, modern feel. For more vibrant compositions, try analogous blues and greens or a complementary soft coral to create visual interest without overwhelming the user.
Brands like Tiimo, Supabase, Slack, Lightyear, and Lifesum use similar verdant shades to appear fresh and approachable. Its relative rarity offers a chance for a product to stand out in crowded markets, particularly in tech and wellness.
Put these ideas to the test. Use the tools below to explore curated palettes, check color contrast for accessibility, and preview Mint in real UI components from top brands.
Using Mint color codes
The hex code for Mint is #3EB489, which serves as the primary reference for any digital application. This code is the standard for specifying colors in web design, from CSS styling to design tool color pickers.
Different projects require different color codes. While HEX is for the web, you will need to convert it for other mediums. RGB (Red, Green, Blue) values are used for anything displayed on a screen, whereas CMYK (Cyan, Magenta, Yellow, Key) is the standard for printed materials. Other formats like HSL (Hue, Saturation, Lightness) provide a more intuitive way to modify color properties.
To simplify your workflow, we have converted #3EB489 into a range of popular formats. Find the values below, ready to copy and paste directly into your project.
Analogous
By selecting colors adjacent to Mint on the color wheel, you create an analogous scheme. This combination produces a calm and cohesive visual experience.
Complementary
To find Mint's complementary colors, look directly across the color wheel. These opposing shades produce a vibrant and energetic pairing.
Split Complementary
Split complementary schemes pair Mint with the two colors adjacent to its direct complement, offering a vibrant yet balanced and versatile palette.
Triadic
A triadic palette for Mint uses two other colors equally spaced on the color wheel, creating a vibrant and well-balanced visual combination.
Tetradic
A tetradic color scheme for Mint involves two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant and high-contrast palette with Mint as the base.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Mint produces shades, which ground the color with more visual weight.
Tints
By adding white to Mint, you create tints—softer, more delicate versions of the color.
Tones
Tones of Mint are created by adding gray, resulting in softer, muted variations.
Hues
Hues are variations of Mint, differing in intensity or temperature to create different visual 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.
