← Back to Editor

#E5C9E4 · #A0AEAF · #ADD6DD · #E0F1F3 · #AFA1A0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5C9E4

Mauve · LightGray · Lavender

HEX
#E5C9E4
RGB
rgb(229, 201, 228)
HSL
hsl(302, 35%, 84%)
HSB
hsb(302, 12%, 90%)
CMYK
cmyk(0%, 12%, 0%, 10%)
Oklch
oklch(86.7% 0.048 327.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#A0AEAF

Sky Blue · DarkGray · Silver Sand

HEX
#A0AEAF
RGB
rgb(160, 174, 175)
HSL
hsl(184, 9%, 66%)
HSB
hsb(184, 9%, 69%)
CMYK
cmyk(9%, 1%, 0%, 31%)
Oklch
oklch(74.0% 0.016 202.0)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#ADD6DD

Sky Blue · LightBlue · Glacier Blue

HEX
#ADD6DD
RGB
rgb(173, 214, 221)
HSL
hsl(189, 41%, 77%)
HSB
hsb(189, 22%, 87%)
CMYK
cmyk(22%, 3%, 0%, 13%)
Oklch
oklch(84.9% 0.044 209.1)

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

#E0F1F3

Sky Blue · Lavender · Glacier Blue

HEX
#E0F1F3
RGB
rgb(224, 241, 243)
HSL
hsl(186, 44%, 92%)
HSB
hsb(186, 8%, 95%)
CMYK
cmyk(8%, 1%, 0%, 5%)
Oklch
oklch(94.6% 0.018 205.3)

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

#AFA1A0

Peach Pink · DarkGray · Silver Sand

HEX
#AFA1A0
RGB
rgb(175, 161, 160)
HSL
hsl(4, 9%, 66%)
HSB
hsb(4, 9%, 69%)
CMYK
cmyk(0%, 8%, 9%, 31%)
Oklch
oklch(72.1% 0.016 22.5)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5C9E4
C8E4C9

Analogous

D7C8E4
E5C9E4
E4C8D5

Triadic

E5C9E4
E4E4C8
C8E4E4

Split-Comp.

E5C9E4
D5E4C8
C8E4D7

Tetradic

E5C9E4
E4D7C8
C8E4C9
C8D5E4

Contrast Matrix WCAG 2.1 Contrast

E5C9E4
A0AEAF
ADD6DD
E0F1F3
AFA1A0
—
1.5
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
1.1
Fail
1.0
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
2.0
Fail
1.3
Fail
—
2.1
Fail
1.6
Fail
1.1
Fail
1.6
Fail
2.1
Fail
—
White BG
1.5Fail
2.3Fail
1.6Fail
1.2Fail
2.5Fail
Black BG
13.8AAA
9.2AAA
13.4AAA
18.0AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9DD
A6A6AF
BFBFDB
E7E8F3
A9A9A0

Deuteranopia

DBDDDC
A5A4AF
BCB9DB
E6E5F2
AAABA0

Tritanopia

E4D8D7
A1AFAF
AFDADA
E1F2F2
AEA0A0

Achromatopsia

D4D4D4
AAAAAA
CBCBCB
ECECEC
A5A5A5

Shades & Tints Shades & Tints

#E5C9E4

Dark
Light

#A0AEAF

Dark
Light

#ADD6DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5c9e4;
  --color-2: #a0aeaf;
  --color-3: #add6dd;
  --color-4: #e0f1f3;
  --color-5: #afa1a0;
}

SCSS

$color-1: #e5c9e4;
$color-2: #a0aeaf;
$color-3: #add6dd;
$color-4: #e0f1f3;
$color-5: #afa1a0;

TAILWIND

colors: {
  'brand-1': '#e5c9e4',
  'brand-2': '#a0aeaf',
  'brand-3': '#add6dd',
  'brand-4': '#e0f1f3',
  'brand-5': '#afa1a0',
}

RGB Array

[229, 201, 228], [160, 174, 175], [173, 214, 221], [224, 241, 243], [175, 161, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5C9E4, #A0AEAF, #ADD6DD, #E0F1F3, #AFA1A0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e5c9e4; --color-2: #a0aeaf; --color-3: #add6dd; --color-4: #e0f1f3; --color-5: #afa1a0. 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 general-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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