Magic Mint

HEX: #AAF0D1 | Modern Palette

On White
1.30:1
FAIL
On Black
16.09:1
PASS

Color Specifications

HEX
#AAF0D1
RGB
170, 240, 209
HSL
153°, 70% ,80%
CMYK
29, 0, 13, 6

About Magic Mint

Magic Mint (#AAF0D1) is a color with RGB(170, 240, 209) and HSL(153.4°, 70%, 80.4%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #F0AAC9, which creates strong contrast. Its triadic palette includes #D1AAF0 and #F0D1AA. The name comes from Magic Mint (English).

  • HEX: #AAF0D1
  • RGB: 170, 240, 209
  • HSL: 153.4°, 70%, 80.4%
  • Mood: Playful
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #F0AAC9
  • Triadic colors: #D1AAF0, #F0D1AA
  • The name comes from Magic Mint (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Magic Mint #AAF0D1 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Magic Mint #AAF0D1 pairs with #F0AAC9 as its complementary color, and #D1AAF0 and #F0D1AA in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

MAGIC MINT
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

MAGIC MINT
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

MAGIC MINT
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

MAGIC MINT
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

MAGIC MINT
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

MAGIC MINT

Shades & Tints

The shade and tint range for Magic Mint #AAF0D1 moves from dark #04160E tones through the base color to lighter #E9FBF3 tones, making it useful for depth, hierarchy, and background variation.

MAGIC MINT

Color Characteristics

Mood
Playful
Style
Cool

Accessibility Simulation

Deuteranopia #DFDFD2
Protanopia #EAEAD1
Tritanopia #B0ECEC
Achromatopsia #E1E1E1

Frequently Asked Questions

Magic Mint (#AAF0D1) is a color with RGB(170, 240, 209) and HSL(153.4°, 70%, 80.4%).

#AAF0D1 pairs strongly with #F0AAC9 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#AAF0D1 is suitable for Text, Button, Background and works well with Cool styles.

#AAF0D1 is commonly associated with Playful.

The name Magic Mint is linked to Magic Mint from English, meaning A descriptive name for a plant with perceived 'magical' or potent properties, combined with 'mint' due to its appearance or relation to the mint family..

Name, History & Etymology

Origin Word Magic Mint
Meaning A descriptive name for a plant with perceived 'magical' or potent properties, combined with 'mint' due to its appearance or relation to the mint family.
Language English
First Recorded Use Late 20th Century

History

Salvia divinorum, the plant commonly referred to as 'Magic Mint,' has a long history of use by the Mazatec indigenous people of Oaxaca, Mexico, for spiritual and medicinal purposes. For centuries, its use was localized. In the mid-20th century, Western researchers began to study the plant, leading to its botanical classification and chemical analysis. The term 'Magic Mint' became a popular, informal moniker as the plant gained notoriety outside of its traditional context, particularly in the late 20th and early 21st centuries, due to its unique psychoactive properties. This informal name helped distinguish it from other mints and emphasized its potent effects.

First Recorded Use

The term 'Magic Mint' likely emerged in informal contexts, particularly among ethnobotanical enthusiasts, researchers, and later in counter-culture or recreational communities, to refer to Salvia divinorum. Its popularization can be traced to the late 20th century as knowledge of the plant spread beyond its indigenous use.

Cultural Associations

The term 'Magic Mint' reflects a Western perspective on Salvia divinorum, often highlighting its psychoactive effects rather than its traditional spiritual significance. For the Mazatec, the plant (often called 'Ska María Pastora' or 'Hierba de la Pastora') is considered sacred, an incarnation of the Virgin Mary, and is used in healing rituals and divination. The informal 'Magic Mint' moniker, while descriptive of its effects, can sometimes overshadow the deep cultural and religious context of its traditional use, framing it more as a recreational substance.

Similar Named Colors

Aero Blue #C9FFE5 ΔE 4.83
Teal Deer #99E6B3 ΔE 6.00
Turquoise Green #A0D6B4 ΔE 6.29
Pearl Aqua #88D8C0 ΔE 6.41

Code Snippets

/* Background */
.element {
    background-color: #AAF0D1;
}

/* Text */
.element {
    color: #AAF0D1;
}

/* Border */
.element {
    border: 1px solid #AAF0D1;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #AAF0D1,
        #F0AAC9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #AAF0D1,
        #F0AAC9
    );
}

// SCSS variable
$magic-mint: #AAF0D1;

// With RGB channels (useful for rgba() usage)
$magic-mint-r: 170;
$magic-mint-g: 240;
$magic-mint-b: 209;

// Usage
.element {
    background-color: $magic-mint;
    color: rgba($magic-mint-r, $magic-mint-g, $magic-mint-b, 0.8);
}