ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Mellow Light

pastel palette with a balanced five-color hierarchy for design use.

#Pastel#Soft#Light
Open in Generator
COLOR 1
#ACD9A2
Pistachio Pastel
COLOR 2
#C2ECC1
Pistachio Pastel
COLOR 3
#9ED1AC
Seafoam Green
COLOR 4
#E2F2EC
Mint Cream
COLOR 5
#F9F6F8
White Smoke

Color Values & Codes

HEX · RGB · HSL
rgb(172, 217, 162)hsl(109, 42%, 74%)Color details →
rgb(194, 236, 193)hsl(119, 53%, 84%)Color details →
rgb(158, 209, 172)hsl(136, 36%, 72%)Color details →
Mint Cream
#E2F2EC
rgb(226, 242, 236)hsl(158, 38%, 92%)Color details →
rgb(249, 246, 248)hsl(320, 20%, 97%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Pastel Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #ACD9A2;
  --color-2: #C2ECC1;
  --color-3: #9ED1AC;
  --color-4: #E2F2EC;
  --color-5: #F9F6F8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#ACD9A2 on #E2F2EC1.37:1
Large Text Only (Fail)
Sample Text
#ACD9A2 on #F9F6F81.48:1
Large Text Only (Fail)
Sample Text
#C2ECC1 on #E2F2EC1.13:1
Large Text Only (Fail)
Sample Text
#C2ECC1 on #F9F6F81.22:1
Large Text Only (Fail)
Sample Text
#9ED1AC on #E2F2EC1.49:1
Large Text Only (Fail)
Sample Text
#9ED1AC on #F9F6F81.61:1
Large Text Only (Fail)

Related Palettes in Pastel

Explore Pastel
#FFE5ECCopy
#FFC2D1Copy
#FFB3C6Copy
#FF8FABCopy
#FB6F92Copy
cp-featured-20Pastel
Cherry Blossom Haze
PastelSoft
#F5EEF8Copy
#E8DAEFCopy
#D2B4DECopy
#BB8FCECopy
#8E44ADCopy
cp-featured-25Pastel
Lavender Macaron
PastelFoodCreative
#E8F8F5Copy
#D1F2EBCopy
#A3E4D7Copy
#48C9B0Copy
#16A085Copy
cp-featured-26Pastel
Mint Cream Sorbet
PastelFreshNature
#D6C2A6Copy
#EAE1C3Copy
#D3D799Copy
#EBF1E3Copy
#F6F5F9Copy
cp-0051Pastel
Dreamy Flame
PastelSoftLight