#E0C291 + #EAD5AF + #F1AB9B + #DC9994 + #CB8883 · 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

#E0C291

Goose Yellow · BurlyWood · Warm Sun

HEX

#E0C291

RGB

rgb(224, 194, 145)

HSL

hsl(37, 56%, 72%)

HSB

hsb(37, 35%, 88%)

CMYK

cmyk(0%, 13%, 35%, 12%)

Oklch

oklch(82.8% 0.073 79.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EAD5AF

Goose Yellow · Wheat · Peach Orange

HEX

#EAD5AF

RGB

rgb(234, 213, 175)

HSL

hsl(39, 58%, 80%)

HSB

hsb(39, 25%, 92%)

CMYK

cmyk(0%, 9%, 25%, 8%)

Oklch

oklch(88.1% 0.055 82.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F1AB9B

Peach Pink · BurlyWood · Coral Red

HEX

#F1AB9B

RGB

rgb(241, 171, 155)

HSL

hsl(11, 75%, 78%)

HSB

hsb(11, 36%, 95%)

CMYK

cmyk(0%, 29%, 36%, 5%)

Oklch

oklch(80.4% 0.086 33.3)

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

#DC9994

Peach Pink · DarkSalmon · Coral Red

HEX

#DC9994

RGB

rgb(220, 153, 148)

HSL

hsl(4, 51%, 72%)

HSB

hsb(4, 33%, 86%)

CMYK

cmyk(0%, 30%, 33%, 14%)

Oklch

oklch(74.7% 0.081 24.0)

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

#CB8883

Peach Pink · DarkSalmon · Coral Red

HEX

#CB8883

RGB

rgb(203, 136, 131)

HSL

hsl(4, 41%, 65%)

HSB

hsb(4, 35%, 80%)

CMYK

cmyk(0%, 33%, 35%, 20%)

Oklch

oklch(69.3% 0.083 24.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0C291

90AEE0

Analogous

E09990

E0C291

D6E090

Triadic

E0C291

90E0C1

C190E0

Split-Comp.

E0C291

90D6E0

9990E0

Tetradic

E0C291

90E099

90AEE0

E090D6

Contrast Matrix WCAG 2.1 Contrast

E0C291	EAD5AF	F1AB9B	DC9994	CB8883
—	1.2 Fail	1.1 Fail	1.4 Fail	1.7 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.1 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.4 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
1.7 Fail	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

1.7Fail

1.4Fail

1.9Fail

2.3Fail

2.8Fail

Black BG

12.3AAA

14.6AAA

11.0AAA

9.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D39D

E1E1B8

D3D29F

BFBE95

AEAD84

Deuteranopia

D5D7A0

E2E4BA

D7DCA0

C3C896

B2B785

Tritanopia

DEA6A8

E9BFC1

EEA2A3

D99696

C88585

Achromatopsia

C5C5C5

D7D7D7

BEBEBE

ACACAC

9B9B9B

Shades & Tints Shades & Tints

#E0C291

Dark

Light

#EAD5AF

Dark

Light

#F1AB9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0c291;
  --color-2: #ead5af;
  --color-3: #f1ab9b;
  --color-4: #dc9994;
  --color-5: #cb8883;
}

SCSS

$color-1: #e0c291;
$color-2: #ead5af;
$color-3: #f1ab9b;
$color-4: #dc9994;
$color-5: #cb8883;

TAILWIND

colors: {
  'brand-1': '#e0c291',
  'brand-2': '#ead5af',
  'brand-3': '#f1ab9b',
  'brand-4': '#dc9994',
  'brand-5': '#cb8883',
}

RGB Array

[224, 194, 145], [234, 213, 175], [241, 171, 155], [220, 153, 148], [203, 136, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E0C291, #EAD5AF, #F1AB9B, #DC9994, #CB8883 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: #e0c291; --color-2: #ead5af; --color-3: #f1ab9b; --color-4: #dc9994; --color-5: #cb8883. 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