#E8D0A3 + #F5B4A1 + #C59FA0 + #9B949F + #73A2A8 · 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

#E8D0A3

Goose Yellow · Wheat · Peach Orange

HEX

#E8D0A3

RGB

rgb(232, 208, 163)

HSL

hsl(39, 60%, 77%)

HSB

hsb(39, 30%, 91%)

CMYK

cmyk(0%, 10%, 30%, 9%)

Oklch

oklch(86.7% 0.065 83.0)

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

#F5B4A1

Peach Pink · LightPink · Coral Red

HEX

#F5B4A1

RGB

rgb(245, 180, 161)

HSL

hsl(14, 81%, 80%)

HSB

hsb(14, 34%, 96%)

CMYK

cmyk(0%, 27%, 34%, 4%)

Oklch

oklch(82.5% 0.081 36.9)

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

#C59FA0

Peach Pink · DarkGray · Coral Red

HEX

#C59FA0

RGB

rgb(197, 159, 160)

HSL

hsl(358, 25%, 70%)

HSB

hsb(358, 19%, 77%)

CMYK

cmyk(0%, 19%, 19%, 23%)

Oklch

oklch(73.7% 0.045 16.5)

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

#9B949F

Ash · DarkGray · Silver Sand

HEX

#9B949F

RGB

rgb(155, 148, 159)

HSL

hsl(278, 5%, 60%)

HSB

hsb(278, 7%, 62%)

CMYK

cmyk(3%, 7%, 0%, 38%)

Oklch

oklch(67.6% 0.018 313.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#73A2A8

Slate Blue · CadetBlue · Lake Green

HEX

#73A2A8

RGB

rgb(115, 162, 168)

HSL

hsl(187, 23%, 55%)

HSB

hsb(187, 32%, 66%)

CMYK

cmyk(32%, 4%, 0%, 34%)

Oklch

oklch(68.1% 0.051 206.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8D0A3

A1BAE8

Analogous

E8ACA1

E8D0A3

DDE8A1

Triadic

E8D0A3

A1E8CF

CFA1E8

Split-Comp.

E8D0A3

A1DDE8

ACA1E8

Tetradic

E8D0A3

A1E8AC

A1BAE8

E8A1DD

Contrast Matrix WCAG 2.1 Contrast

E8D0A3	F5B4A1	C59FA0	9B949F	73A2A8
—	1.2 Fail	1.6 Fail	2.0 Fail	1.9 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.6 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
2.0 Fail	1.7 Fail	1.2 Fail	—	1.0 Fail
1.9 Fail	1.6 Fail	1.2 Fail	1.0 Fail	—

White BG

1.5Fail

1.8Fail

2.4Fail

2.9Fail

2.8Fail

Black BG

14.0AAA

11.9AAA

8.8AAA

7.1AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDDAE

D9D8A6

B5B4A0

98989C

8788A7

Deuteranopia

DFE1B1

DDE2A7

B7BAA0

98999C

8581A6

Tritanopia

E7B6B8

F2A9AA

C3A0A0

9B9A9A

75A5A5

Achromatopsia

D2D2D2

C5C5C5

AAAAAA

979797

959595

Shades & Tints Shades & Tints

#E8D0A3

Dark

Light

#F5B4A1

Dark

Light

#C59FA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8d0a3;
  --color-2: #f5b4a1;
  --color-3: #c59fa0;
  --color-4: #9b949f;
  --color-5: #73a2a8;
}

SCSS

$color-1: #e8d0a3;
$color-2: #f5b4a1;
$color-3: #c59fa0;
$color-4: #9b949f;
$color-5: #73a2a8;

TAILWIND

colors: {
  'brand-1': '#e8d0a3',
  'brand-2': '#f5b4a1',
  'brand-3': '#c59fa0',
  'brand-4': '#9b949f',
  'brand-5': '#73a2a8',
}

RGB Array

[232, 208, 163], [245, 180, 161], [197, 159, 160], [155, 148, 159], [115, 162, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8D0A3, #F5B4A1, #C59FA0, #9B949F, #73A2A8 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: #e8d0a3; --color-2: #f5b4a1; --color-3: #c59fa0; --color-4: #9b949f; --color-5: #73a2a8. 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