Mint Color Palettes

246 palettes tagged #mint

Soft, airy mint green palettes — clean, calm and contemporary.

See what colors go with Mint Mint aesthetic
Related: #ocean #fashion #web #earth #playful #sky #branding #muted #ui #vivid #clean #warm #neutral #spring #romantic #floral #winter #photography #gradient #autumn #sunset #bright #vibrant #desert #black-white #pink #blue
Showing 60 of 246

Mint color in CSS

The mint reference values and ready-to-paste CSS variables. Click any value to copy it.

:root {
  --mint-50: #F1F8E9;
  --mint-200: #C8E6C9;
  --mint-400: #A5D6A7;
  --mint-600: #81C784;
  --mint-800: #66BB6A;
}

Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.

About Mint Color Palettes

What does mint represent in design?

Mint is a gentle, pastel green associated with freshness, clarity and calm. It pairs beautifully with neutrals for a modern, breathable look.

Popular mint shades & how to use them

Mint palettes often build on shades like #F1F8E9, #C8E6C9, #A5D6A7, #81C784, #66BB6A. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.

Copied!