#E05D6F + #C98485 + #B3A590 + #D4C6A3 + #E9DCA7 · 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

#E05D6F

Peach Pink · LightCoral · Coral Red

HEX

#E05D6F

RGB

rgb(224, 93, 111)

HSL

hsl(352, 68%, 62%)

HSB

hsb(352, 58%, 88%)

CMYK

cmyk(0%, 58%, 50%, 12%)

Oklch

oklch(64.9% 0.164 14.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C98485

Peach Pink · DarkSalmon · Coral Red

HEX

#C98485

RGB

rgb(201, 132, 133)

HSL

hsl(359, 39%, 65%)

HSB

hsb(359, 34%, 79%)

CMYK

cmyk(0%, 34%, 34%, 21%)

Oklch

oklch(68.4% 0.085 18.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B3A590

Ginger · DarkGray · Warm Sun

HEX

#B3A590

RGB

rgb(179, 165, 144)

HSL

hsl(36, 19%, 63%)

HSB

hsb(36, 20%, 70%)

CMYK

cmyk(0%, 8%, 20%, 30%)

Oklch

oklch(72.8% 0.034 78.1)

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

#D4C6A3

Goose Yellow · Tan · Sunflower

HEX

#D4C6A3

RGB

rgb(212, 198, 163)

HSL

hsl(43, 36%, 74%)

HSB

hsb(43, 23%, 83%)

CMYK

cmyk(0%, 7%, 23%, 17%)

Oklch

oklch(82.9% 0.049 88.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E9DCA7

Goose Yellow · Wheat · Lemon Cream

HEX

#E9DCA7

RGB

rgb(233, 220, 167)

HSL

hsl(48, 60%, 78%)

HSB

hsb(48, 28%, 91%)

CMYK

cmyk(0%, 6%, 28%, 9%)

Oklch

oklch(89.2% 0.070 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E05D6F

5CE0CE

Analogous

E05CB0

E05D6F

E08D5C

Triadic

E05D6F

6EE05C

5C6EE0

Split-Comp.

E05D6F

5CE08D

5CB0E0

Tetradic

E05D6F

B0E05C

5CE0CE

8D5CE0

Contrast Matrix WCAG 2.1 Contrast

E05D6F	C98485	B3A590	D4C6A3	E9DCA7
—	1.2 Fail	1.5 Fail	2.1 Fail	2.6 Fail
1.2 Fail	—	1.2 Fail	1.7 Fail	2.1 Fail
1.5 Fail	1.2 Fail	—	1.4 Fail	1.8 Fail
2.1 Fail	1.7 Fail	1.4 Fail	—	1.2 Fail
2.6 Fail	2.1 Fail	1.8 Fail	1.2 Fail	—

White BG

3.5AA Large

2.9Fail

2.4Fail

1.7Fail

1.4Fail

Black BG

6.0AA

7.1AAA

8.7AAA

12.4AAA

15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A66B

ABAB85

ADAD95

CECEAB

E3E3B4

Deuteranopia

AFB96A

AFB485

AEAF96

CFD0AE

E4E5B7

Tritanopia

D96766

C68585

B2999A

D3B2B4

E8BEC0

Achromatopsia

868686

999999

A7A7A7

C6C6C6

DADADA

Shades & Tints Shades & Tints

#E05D6F

Dark

Light

#C98485

Dark

Light

#B3A590

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e05d6f;
  --color-2: #c98485;
  --color-3: #b3a590;
  --color-4: #d4c6a3;
  --color-5: #e9dca7;
}

SCSS

$color-1: #e05d6f;
$color-2: #c98485;
$color-3: #b3a590;
$color-4: #d4c6a3;
$color-5: #e9dca7;

TAILWIND

colors: {
  'brand-1': '#e05d6f',
  'brand-2': '#c98485',
  'brand-3': '#b3a590',
  'brand-4': '#d4c6a3',
  'brand-5': '#e9dca7',
}

RGB Array

[224, 93, 111], [201, 132, 133], [179, 165, 144], [212, 198, 163], [233, 220, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E05D6F, #C98485, #B3A590, #D4C6A3, #E9DCA7 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: #e05d6f; --color-2: #c98485; --color-3: #b3a590; --color-4: #d4c6a3; --color-5: #e9dca7. 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