ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel· Curated

Mint Cream Sorbet

Cool refreshing pastel mint palette with delicate crystalline green undertones.

#Pastel#Fresh#Nature
Open in Generator
COLOR 1
#E8F8F5
Azure
COLOR 2
#D1F2EB
Light Cyan
COLOR 3
#A3E4D7
Pale Turquoise
COLOR 4
#48C9B0
Medium Aquamarine
COLOR 5
#16A085
Teal 500

Suitable Design Applications

Artisan Gelato BrandsFresh Summer RefreshmentsEco-Friendly Cleaning ProductsClean Pastel SaaS

Visual Psychology & Mood

Freshness, clean vitality, cooling comfort, and playful lightness.

Editorial Application Advice

Crisp spearmint and sweet chilled cream. Crisp, clean, and invigorating with high lightness and soft saturation.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#F0FDF8
Card & Elevated Surface
#D1FAE5
Primary Brand CTA Accent
#059669
Secondary Accent & Focus
#10B981
Typography & Headings
#064E3B

Color Values & Codes

HEX · RGB · HSL
Azure
#E8F8F5
rgb(232, 248, 245)hsl(169, 53%, 94%)Color details →
Light Cyan
#D1F2EB
rgb(209, 242, 235)hsl(167, 56%, 88%)Color details →
rgb(163, 228, 215)hsl(168, 55%, 77%)Color details →
rgb(72, 201, 176)hsl(168, 54%, 54%)Color details →
Teal 500
#16A085
rgb(22, 160, 133)hsl(168, 76%, 36%)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: #E8F8F5;
  --color-2: #D1F2EB;
  --color-3: #A3E4D7;
  --color-4: #48C9B0;
  --color-5: #16A085;
}

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
#E8F8F5 on #48C9B01.87:1
Large Text Only (Fail)
Sample Text
#E8F8F5 on #16A0853.00:1
Large Text Only (Fail)
Sample Text
#D1F2EB on #48C9B01.72:1
Large Text Only (Fail)
Sample Text
#D1F2EB on #16A0852.75:1
Large Text Only (Fail)
Sample Text
#A3E4D7 on #48C9B01.43:1
Large Text Only (Fail)
Sample Text
#A3E4D7 on #16A0852.29:1
Large Text Only (Fail)

Related Palettes in Pastel

Explore Pastel
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh
#1C3127Copy
#2D4A3ECopy
#4E6E5DCopy
#8FA998Copy
#DCE5DFCopy
cp-featured-14Nature
Olympic Rainforest
Nature
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh

Frequently Asked Questions About Mint Cream Sorbet

Production design guidance and accessibility rules for applying the Mint Cream Sorbet (Pastel) color palette.

What is the recommended role hierarchy for the Mint Cream Sorbet palette?
In digital interface design, allocate #E8F8F5 and #16A085 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #D1F2EB or #A3E4D7 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Mint Cream Sorbet WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Mint Cream Sorbet palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.