Color guide
Mint Color
#A7F3D0
mint color codes
What mint means
Mint feels fresh, clean and healthy. It signals freshness in food, finance and health contexts.
How to use it in design
Perfect for success backgrounds, fintech highlights and fresh product branding.
Color combinations with mint
Harmonies calculated with color theory for the base hue 152°.
Complementary
Maximum contrast: #A7F3D0 + #F3A5C9
Analogous
Harmony at ±30°: #A5F3A8 · #A7F3D0 · #A5F0F3
Triadic
Even 120° spacing: #A7F3D0 · #CFA5F3 · #F3CFA5
mint color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #A7F3D0.
Colors that go well with mint
FAQ about the mint color
What is the HEX code of mint?
A widely used hex value for mint is #A7F3D0, which equals rgb(167, 243, 208). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (152°).
What colors go well with mint?
mint pairs beautifully with charcoal, coral, navy, lavender. Its complementary color is #F3A5C9, and a classic triadic scheme adds #CFA5F3 and #F3CFA5.
Is mint accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping mint in text or UI elements.
Create your own mint palette
Generate harmonious combinations from #A7F3D0 in seconds.
Open the palette generator