← Back to Editor

#D7FFF6 · #EAF1D2 · #F2D9D2 · #E0AA9E · #CD7569

muted

A 5-color muted palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D7FFF6

Jade · Lavender · Glacier Blue

HEX
#D7FFF6
RGB
rgb(215, 255, 246)
HSL
hsl(167, 100%, 92%)
HSB
hsb(167, 16%, 100%)
CMYK
cmyk(16%, 0%, 4%, 0%)
Oklch
oklch(96.9% 0.043 180.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EAF1D2

Willow Green · Beige · Mint Green

HEX
#EAF1D2
RGB
rgb(234, 241, 210)
HSL
hsl(74, 53%, 88%)
HSB
hsb(74, 13%, 95%)
CMYK
cmyk(3%, 0%, 13%, 5%)
Oklch
oklch(94.5% 0.041 117.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F2D9D2

Peach Pink · Bisque · Cherry Blossom

HEX
#F2D9D2
RGB
rgb(242, 217, 210)
HSL
hsl(13, 55%, 89%)
HSB
hsb(13, 13%, 95%)
CMYK
cmyk(0%, 10%, 13%, 5%)
Oklch
oklch(90.4% 0.029 36.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E0AA9E

Peach Pink · Tan · Coral Red

HEX
#E0AA9E
RGB
rgb(224, 170, 158)
HSL
hsl(11, 52%, 75%)
HSB
hsb(11, 29%, 88%)
CMYK
cmyk(0%, 24%, 29%, 12%)
Oklch
oklch(78.5% 0.066 32.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CD7569

Peach Pink · LightCoral · Coral Red

HEX
#CD7569
RGB
rgb(205, 117, 105)
HSL
hsl(7, 50%, 61%)
HSB
hsb(7, 49%, 80%)
CMYK
cmyk(0%, 43%, 49%, 20%)
Oklch
oklch(65.7% 0.113 28.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7FFF6
FFD6DF

Analogous

D6FFE2
D7FFF6
D6F3FF

Triadic

D7FFF6
F6D6FF
FFF6D6

Split-Comp.

D7FFF6
FFD6F3
FFE2D6

Tetradic

D7FFF6
E2D6FF
FFD6DF
F3FFD6

Contrast Matrix WCAG 2.1 Contrast

D7FFF6
EAF1D2
F2D9D2
E0AA9E
CD7569
—
1.1
Fail
1.2
Fail
1.9
Fail
3.1
AA Large
1.1
Fail
—
1.2
Fail
1.7
Fail
2.8
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
2.5
Fail
1.9
Fail
1.7
Fail
1.5
Fail
—
1.6
Fail
3.1
AA Large
2.8
Fail
2.5
Fail
1.6
Fail
—
White BG
1.1Fail
1.2Fail
1.3Fail
2.0Fail
3.3AA Large
Black BG
19.5AAA
18.0AAA
15.6AAA
10.4AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E9F8
EDEDDA
E7E7D4
C9C8A1
A7A66C

Deuteranopia

E6E3F9
EDECDB
E9EAD4
CCD0A2
ACB36D

Tritanopia

D9FAFA
EADFE1
F1D5D5
DDA3A4
C96E6F

Achromatopsia

F2F2F2
EBEBEB
E0E0E0
B9B9B9
8E8E8E

Shades & Tints Shades & Tints

#D7FFF6

Dark
Light

#EAF1D2

Dark
Light

#F2D9D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7fff6;
  --color-2: #eaf1d2;
  --color-3: #f2d9d2;
  --color-4: #e0aa9e;
  --color-5: #cd7569;
}

SCSS

$color-1: #d7fff6;
$color-2: #eaf1d2;
$color-3: #f2d9d2;
$color-4: #e0aa9e;
$color-5: #cd7569;

TAILWIND

colors: {
  'brand-1': '#d7fff6',
  'brand-2': '#eaf1d2',
  'brand-3': '#f2d9d2',
  'brand-4': '#e0aa9e',
  'brand-5': '#cd7569',
}

RGB Array

[215, 255, 246], [234, 241, 210], [242, 217, 210], [224, 170, 158], [205, 117, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #D7FFF6, #EAF1D2, #F2D9D2, #E0AA9E, #CD7569 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d7fff6; --color-2: #eaf1d2; --color-3: #f2d9d2; --color-4: #e0aa9e; --color-5: #cd7569. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This muted-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color