← Back to Editor

#ADE9FA · #EBF4D1 · #E2A88A · #D68F8A · #F57AA0

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

#ADE9FA

Sky Blue · LightBlue · Glacier Blue

HEX
#ADE9FA
RGB
rgb(173, 233, 250)
HSL
hsl(193, 89%, 83%)
HSB
hsb(193, 31%, 98%)
CMYK
cmyk(31%, 7%, 0%, 2%)
Oklch
oklch(89.9% 0.065 217.2)

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

#EBF4D1

Willow Green · Beige · Mint Green

HEX
#EBF4D1
RGB
rgb(235, 244, 209)
HSL
hsl(75, 61%, 89%)
HSB
hsb(75, 14%, 96%)
CMYK
cmyk(4%, 0%, 14%, 4%)
Oklch
oklch(95.1% 0.047 119.0)

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

#E2A88A

Apricot · BurlyWood · Warm Sun

HEX
#E2A88A
RGB
rgb(226, 168, 138)
HSL
hsl(20, 60%, 71%)
HSB
hsb(20, 39%, 89%)
CMYK
cmyk(0%, 26%, 39%, 11%)
Oklch
oklch(77.9% 0.080 48.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D68F8A

Peach Pink · DarkSalmon · Coral Red

HEX
#D68F8A
RGB
rgb(214, 143, 138)
HSL
hsl(4, 48%, 69%)
HSB
hsb(4, 36%, 84%)
CMYK
cmyk(0%, 33%, 36%, 16%)
Oklch
oklch(72.0% 0.087 23.9)

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

#F57AA0

Rouge · LightCoral · Rose Pink

HEX
#F57AA0
RGB
rgb(245, 122, 160)
HSL
hsl(341, 86%, 72%)
HSB
hsb(341, 50%, 96%)
CMYK
cmyk(0%, 50%, 35%, 4%)
Oklch
oklch(73.1% 0.155 2.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADE9FA
FABEAD

Analogous

ADFAE4
ADE9FA
ADC3FA

Triadic

ADE9FA
FAADEA
EAFAAD

Split-Comp.

ADE9FA
FAADC3
FAE4AD

Tetradic

ADE9FA
E4ADFA
FABEAD
C3FAAD

Contrast Matrix WCAG 2.1 Contrast

ADE9FA
EBF4D1
E2A88A
D68F8A
F57AA0
—
1.2
Fail
1.6
Fail
1.9
Fail
1.9
Fail
1.2
Fail
—
1.8
Fail
2.3
Fail
2.3
Fail
1.6
Fail
1.8
Fail
—
1.3
Fail
1.2
Fail
1.9
Fail
2.3
Fail
1.3
Fail
—
1.0
Fail
1.9
Fail
2.3
Fail
1.2
Fail
1.0
Fail
—
White BG
1.3Fail
1.1Fail
2.1Fail
2.6Fail
2.6Fail
Black BG
15.8AAA
18.4AAA
10.2AAA
8.2AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C8F6
EFEFD9
C9C891
B7B78B
C0BF97

Deuteranopia

C4BFF5
EEEEDC
CCD193
BBC18C
C7D095

Tritanopia

B0F3F2
EBE0E2
DF9798
D28C8C
EF908E

Achromatopsia

D9D9D9
EDEDED
B6B6B6
A4A4A4
A3A3A3

Shades & Tints Shades & Tints

#ADE9FA

Dark
Light

#EBF4D1

Dark
Light

#E2A88A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ade9fa;
  --color-2: #ebf4d1;
  --color-3: #e2a88a;
  --color-4: #d68f8a;
  --color-5: #f57aa0;
}

SCSS

$color-1: #ade9fa;
$color-2: #ebf4d1;
$color-3: #e2a88a;
$color-4: #d68f8a;
$color-5: #f57aa0;

TAILWIND

colors: {
  'brand-1': '#ade9fa',
  'brand-2': '#ebf4d1',
  'brand-3': '#e2a88a',
  'brand-4': '#d68f8a',
  'brand-5': '#f57aa0',
}

RGB Array

[173, 233, 250], [235, 244, 209], [226, 168, 138], [214, 143, 138], [245, 122, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #ADE9FA, #EBF4D1, #E2A88A, #D68F8A, #F57AA0 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: #ade9fa; --color-2: #ebf4d1; --color-3: #e2a88a; --color-4: #d68f8a; --color-5: #f57aa0. 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