#CDD6C0 + #EEDBD1 + #F8BA9E + #FE8474 + #BF7C97 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CDD6C0

Willow Green · LightGray · Apple Green

HEX

#CDD6C0

RGB

rgb(205, 214, 192)

HSL

hsl(85, 21%, 80%)

HSB

hsb(85, 10%, 84%)

CMYK

cmyk(4%, 0%, 10%, 16%)

Oklch

oklch(86.3% 0.031 125.2)

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

#EEDBD1

Apricot · Bisque · Peach Orange

HEX

#EEDBD1

RGB

rgb(238, 219, 209)

HSL

hsl(21, 46%, 88%)

HSB

hsb(21, 12%, 93%)

CMYK

cmyk(0%, 8%, 12%, 7%)

Oklch

oklch(90.4% 0.025 49.7)

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

#F8BA9E

Apricot · BurlyWood · Peach Orange

HEX

#F8BA9E

RGB

rgb(248, 186, 158)

HSL

hsl(19, 87%, 80%)

HSB

hsb(19, 36%, 97%)

CMYK

cmyk(0%, 25%, 36%, 3%)

Oklch

oklch(83.9% 0.082 45.4)

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

#FE8474

Peach Pink · Salmon · Coral Red

HEX

#FE8474

RGB

rgb(254, 132, 116)

HSL

hsl(7, 99%, 73%)

HSB

hsb(7, 54%, 100%)

CMYK

cmyk(0%, 48%, 54%, 0%)

Oklch

oklch(74.7% 0.151 28.9)

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

#BF7C97

Rouge · DarkGray · Rose Pink

HEX

#BF7C97

RGB

rgb(191, 124, 151)

HSL

hsl(336, 34%, 62%)

HSB

hsb(336, 35%, 75%)

CMYK

cmyk(0%, 35%, 21%, 25%)

Oklch

oklch(66.4% 0.090 354.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD6C0

CAC1D7

Analogous

D7D5C1

CDD6C0

C3D7C1

Triadic

CDD6C0

C1CED7

D7C1CE

Split-Comp.

CDD6C0

C1C3D7

D5C1D7

Tetradic

CDD6C0

C1D7D5

CAC1D7

D7C1C3

Contrast Matrix WCAG 2.1 Contrast

CDD6C0	EEDBD1	F8BA9E	FE8474	BF7C97
—	1.1 Fail	1.1 Fail	1.6 Fail	2.1 Fail
1.1 Fail	—	1.3 Fail	1.8 Fail	2.4 Fail
1.1 Fail	1.3 Fail	—	1.4 Fail	1.9 Fail
1.6 Fail	1.8 Fail	1.4 Fail	—	1.3 Fail
2.1 Fail	2.4 Fail	1.9 Fail	1.3 Fail	—

White BG

1.5Fail

1.3Fail

1.7Fail

2.4Fail

3.2AA Large

Black BG

14.0AAA

15.7AAA

12.5AAA

8.8AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1C5

E6E6D3

DDDDA5

C9C878

A2A190

Deuteranopia

D0D0C7

E7E8D4

E1E5A6

D0D979

A6AB8F

Tritanopia

CDCACA

EDD5D6

F5AAAB

F87B7C

BC8B8A

Achromatopsia

D1D1D1

E0E0E0

C9C9C9

A7A7A7

939393

Shades & Tints Shades & Tints

#CDD6C0

Dark

Light

#EEDBD1

Dark

Light

#F8BA9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd6c0;
  --color-2: #eedbd1;
  --color-3: #f8ba9e;
  --color-4: #fe8474;
  --color-5: #bf7c97;
}

SCSS

$color-1: #cdd6c0;
$color-2: #eedbd1;
$color-3: #f8ba9e;
$color-4: #fe8474;
$color-5: #bf7c97;

TAILWIND

colors: {
  'brand-1': '#cdd6c0',
  'brand-2': '#eedbd1',
  'brand-3': '#f8ba9e',
  'brand-4': '#fe8474',
  'brand-5': '#bf7c97',
}

RGB Array

[205, 214, 192], [238, 219, 209], [248, 186, 158], [254, 132, 116], [191, 124, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CDD6C0, #EEDBD1, #F8BA9E, #FE8474, #BF7C97 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: #cdd6c0; --color-2: #eedbd1; --color-3: #f8ba9e; --color-4: #fe8474; --color-5: #bf7c97. 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