Using Mint Green in design
HEX
#98FF98
RGB
152, 255, 152
HSL
120°, 100%, 80%
HSV
120°, 40%, 100%
Mint green (#98FF98) is a bright, fresh pastel green that feels clean, calming, and youthful. It works for health, wellness, and consumer brands seeking a friendly, approachable palette.
Best for
Mobile app interfaces, onboarding screens, and light-mode UI themes.
Compare with
Accessibility
Check contrast before using mint green for text-heavy layouts, especially on low-contrast backgrounds.
How does mint green compare to nearby colors?
What is the difference between mint green and celadon?
Mint Green (#98FF98) looks cleaner and more charged than Celadon (#ACE1AF) when the two are shown together. Mint Green reads faster on screen, so it changes the palette from steady to attention-seeking more quickly than Celadon does. Reach for mint green when the palette can tolerate a louder note; stay with celadon when the work calls for longer-running color.
What color is mint green?
Mint green evokes freshness and cleanliness, making it a popular choice in healthcare, dental, and hygiene branding. Named after the mint plant, it also appears frequently in spring fashion collections and retro-inspired pastel palettes.
What is the hex code for mint green?
| Format | Value |
|---|---|
| HEX | #98FF98 |
| RGB | rgb(152, 255, 152) |
| HSL | hsl(120°, 100%, 80%) |
| HSV / HSB | hsv(120°, 40%, 100%) |
| CMYK (approx.) | cmyk(40%, 0%, 40%, 0%) |
Convert Mint Green to other color formats
Open the color converter with Mint Green (#98FF98) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Mint Green in the color converter →What does mint green mean in design?
Mint green communicates freshness, cleanliness, health, and new beginnings. It is calmer than lime green and more vibrant than sage, occupying a friendly middle ground that works for wellness, beauty, and consumer-facing brands.
How do I use mint green in code?
| CSS (hex) | color: #98FF98; |
| CSS (rgb) | color: rgb(152, 255, 152); |
| CSS (hsl) | color: hsl(120, 100%, 80%); |
| RGB % | rgb(60%, 100%, 60%) |
| Tailwind | text-[#98FF98] |
| SwiftUI | Color(red: 0.596, green: 1.000, blue: 0.596) |
| UIKit | UIColor(red: 0.596, green: 1.000, blue: 0.596, alpha: 1.0) |
| Android | Color.rgb(152, 255, 152) |
| Compose | Color(0xFF98FF98) |
| Web Safe | #99FF99 |
Is mint green accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.23:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 17.09:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.23:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 17.09:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does mint green look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with mint green
With mint green on broader surfaces, charcoal adds enough depth to keep the system legible without the harsher edge of pure black.
Gold gives mint green a warmer highlight, which helps the palette feel more tactile and less screen-native than it would with only neutrals.
Cream takes the hard digital edge off mint green and makes the color feel more printed, paper-backed, and approachable.
What colors clash with mint green
Neon Green competes with mint green so aggressively that the palette never really settles into a clear primary-secondary relationship.
Magenta remaps mint green too aggressively, dragging it away from sports, agritech, and momentum-led dashboards and into a brighter, more performative palette.
Orange lands abruptly next to mint green and can make the palette feel more promo-coded or team-coded than intended.
Light Gray sits too close to mint green in value, so the palette can wash out before it ever establishes a clear hierarchy.
How should I use mint green in design?
- •Use mint green as a background for cards and sections — pair with dark green or charcoal text for readability.
- •Mint green works well alongside coral or peach for a fresh, contemporary consumer palette.
- •Avoid using mint green for text on white — the contrast ratio will fail accessibility standards.
What are good mint green palettes?
Open air
Mobile app interfaces, onboarding screens, and light-mode UI themes.
Design with mint green in Moda
Create a presentation or document using mint green as your accent color. Moda's AI applies your color palette automatically.
Create a design with mint green →What are the shades and tints of mint green?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for mint green?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Light Green
Light Green is nearly adjacent to mint green in hue; what separates them is intensity, with light green reading dustier and easier to extend across a layout.
Celadon
Celadon sits close to mint green on the wheel, but it carries less chroma, which makes it better for steadier surfaces and calmer long-form use than for sharper emphasis and quicker visual pickup.
Seafoam
Seafoam occupies a similar depth to mint green, though it pushes the family toward a more cool reading and a different material feel.
Aquamarine
Aquamarine is a nearby alternative to mint green when the palette needs a different undertone or material cue more than a dramatic contrast change.
Pistachio
Pistachio stays in the same color family as mint green, but the change in value moves it into different layout jobs, especially once backgrounds, charts, or section dividers enter the system.
Frequently asked questions
What is the hex code for mint green?
The hex code for mint green is #98FF98. In RGB, that's 152 red, 255 green, and 152 blue. The approximate CMYK equivalent is 40% cyan, 0% magenta, 40% yellow, and 0% key (black).
Is mint green a warm or cool color?
Mint Green reads as cool. It settles naturally beside blues, greens, silver, and charcoal, and feels more animated when paired with warm accents like gold, coral, or rust.
Is mint green better as an accent or a full-palette color?
Mint Green is usually best when it leads in short bursts rather than covering everything. It can headline a palette, but most layouts work better when the color handles accents, highlights, or one main hero role instead of every surface.
How should I use mint green in a design?
Mint Green works as a soft background or supporting color for slide canvases, section panels, and marketing surfaces. Use dark text for readability and reserve stronger accents for buttons, charts, and key takeaways.
Can I use mint green for text or backgrounds?
Mint Green works better with dark text than white text. Black text reaches 17.09:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More green colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Green colors
Compare mint green with other green tones.
Blue colors
Explore nearby color families to build stronger palettes and contrasts.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.