#E2DBD5 + #DCC5B7 + #CEA36E + #CA825A + #9CAEAE · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E2DBD5

Apricot · LightGray · Peach Orange

HEX

#E2DBD5

RGB

rgb(226, 219, 213)

HSL

hsl(28, 18%, 86%)

HSB

hsb(28, 6%, 89%)

CMYK

cmyk(0%, 3%, 6%, 11%)

Oklch

oklch(89.5% 0.011 63.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DCC5B7

Apricot · Silver · Peach Orange

HEX

#DCC5B7

RGB

rgb(220, 197, 183)

HSL

hsl(23, 35%, 79%)

HSB

hsb(23, 17%, 86%)

CMYK

cmyk(0%, 10%, 17%, 14%)

Oklch

oklch(83.9% 0.032 53.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CEA36E

Ginger · DarkSalmon · Warm Sun

HEX

#CEA36E

RGB

rgb(206, 163, 110)

HSL

hsl(33, 49%, 62%)

HSB

hsb(33, 47%, 81%)

CMYK

cmyk(0%, 21%, 47%, 19%)

Oklch

oklch(74.3% 0.086 71.7)

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

#CA825A

Tangerine · DarkSalmon · Warm Sun

HEX

#CA825A

RGB

rgb(202, 130, 90)

HSL

hsl(21, 51%, 57%)

HSB

hsb(21, 55%, 79%)

CMYK

cmyk(0%, 36%, 55%, 21%)

Oklch

oklch(67.3% 0.105 49.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9CAEAE

Sky Blue · DarkGray · Lake Green

HEX

#9CAEAE

RGB

rgb(156, 174, 174)

HSL

hsl(180, 10%, 65%)

HSB

hsb(180, 10%, 68%)

CMYK

cmyk(10%, 0%, 0%, 32%)

Oklch

oklch(73.7% 0.020 196.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DBD5

D5DCE2

Analogous

E2D5D5

E2DBD5

E2E1D5

Triadic

E2DBD5

D5E2DB

DBD5E2

Split-Comp.

E2DBD5

D5E2E1

D5D5E2

Tetradic

E2DBD5

D5E2D5

D5DCE2

E1D5E2

Contrast Matrix WCAG 2.1 Contrast

E2DBD5	DCC5B7	CEA36E	CA825A	9CAEAE
—	1.2 Fail	1.7 Fail	2.2 Fail	1.7 Fail
1.2 Fail	—	1.4 Fail	1.9 Fail	1.4 Fail
1.7 Fail	1.4 Fail	—	1.3 Fail	1.0 Fail
2.2 Fail	1.9 Fail	1.3 Fail	—	1.3 Fail
1.7 Fail	1.4 Fail	1.0 Fail	1.3 Fail	—

White BG

1.4Fail

1.7Fail

2.3Fail

3.1AA Large

2.3Fail

Black BG

15.3AAA

12.7AAA

9.1AAA

6.9AA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFD6

D2D2BA

BBBB7B

ABAA64

A4A4AE

Deuteranopia

DFE0D7

D3D5BB

BEC17E

AFB466

A3A1AE

Tritanopia

E2D8D8

DBBDBE

CC8587

C66B6D

9DAEAE

Achromatopsia

DCDCDC

CACACA

AAAAAA

939393

A9A9A9

Shades & Tints Shades & Tints

#E2DBD5

Dark

Light

#DCC5B7

Dark

Light

#CEA36E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2dbd5;
  --color-2: #dcc5b7;
  --color-3: #cea36e;
  --color-4: #ca825a;
  --color-5: #9caeae;
}

SCSS

$color-1: #e2dbd5;
$color-2: #dcc5b7;
$color-3: #cea36e;
$color-4: #ca825a;
$color-5: #9caeae;

TAILWIND

colors: {
  'brand-1': '#e2dbd5',
  'brand-2': '#dcc5b7',
  'brand-3': '#cea36e',
  'brand-4': '#ca825a',
  'brand-5': '#9caeae',
}

RGB Array

[226, 219, 213], [220, 197, 183], [206, 163, 110], [202, 130, 90], [156, 174, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E2DBD5, #DCC5B7, #CEA36E, #CA825A, #9CAEAE is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2dbd5; --color-2: #dcc5b7; --color-3: #cea36e; --color-4: #ca825a; --color-5: #9caeae. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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