#E68873 + #DEB992 + #D9D69E + #A4BD9D + #88B3A1 · 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

#E68873

Peach Pink · DarkSalmon · Coral Red

HEX

#E68873

RGB

rgb(230, 136, 115)

HSL

hsl(11, 70%, 68%)

HSB

hsb(11, 50%, 90%)

CMYK

cmyk(0%, 41%, 50%, 10%)

Oklch

oklch(72.2% 0.120 33.5)

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

#DEB992

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEB992

RGB

rgb(222, 185, 146)

HSL

hsl(31, 54%, 72%)

HSB

hsb(31, 34%, 87%)

CMYK

cmyk(0%, 17%, 34%, 13%)

Oklch

oklch(80.9% 0.067 68.1)

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

#D9D69E

Fresh Green · Khaki · Sunflower

HEX

#D9D69E

RGB

rgb(217, 214, 158)

HSL

hsl(57, 44%, 74%)

HSB

hsb(57, 27%, 85%)

CMYK

cmyk(0%, 1%, 27%, 15%)

Oklch

oklch(86.5% 0.073 105.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A4BD9D

Celadon · DarkGray · Apple Green

HEX

#A4BD9D

RGB

rgb(164, 189, 157)

HSL

hsl(107, 20%, 68%)

HSB

hsb(107, 17%, 74%)

CMYK

cmyk(13%, 0%, 17%, 26%)

Oklch

oklch(77.1% 0.052 138.9)

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

#88B3A1

Jade · DarkSeaGreen · Apple Green

HEX

#88B3A1

RGB

rgb(136, 179, 161)

HSL

hsl(155, 22%, 62%)

HSB

hsb(155, 24%, 70%)

CMYK

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

Oklch

oklch(73.0% 0.053 167.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E68873

74D2E7

Analogous

E77498

E68873

E7C274

Triadic

E68873

74E789

8974E7

Split-Comp.

E68873

74E7C2

7498E7

Tetradic

E68873

98E774

74D2E7

C274E7

Contrast Matrix WCAG 2.1 Contrast

E68873	DEB992	D9D69E	A4BD9D	88B3A1
—	1.4 Fail	1.7 Fail	1.3 Fail	1.1 Fail
1.4 Fail	—	1.2 Fail	1.1 Fail	1.3 Fail
1.7 Fail	1.2 Fail	—	1.4 Fail	1.6 Fail
1.3 Fail	1.1 Fail	1.4 Fail	—	1.1 Fail
1.1 Fail	1.3 Fail	1.6 Fail	1.1 Fail	—

White BG

2.6Fail

1.8Fail

1.5Fail

2.0Fail

2.3Fail

Black BG

8.1AAA

11.5AAA

14.1AAA

10.3AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC78

CECE9B

D8D8AC

AFAFA5

9B9BA5

Deuteranopia

C3CA79

D0D39E

D8D8AF

ADACA7

9895A6

Tritanopia

E17C7D

DCA3A5

D9B6B9

A5ABAC

8AA9AA

Achromatopsia

A2A2A2

C0C0C0

D1D1D1

B2B2B2

A4A4A4

Shades & Tints Shades & Tints

#E68873

Dark

Light

#DEB992

Dark

Light

#D9D69E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e68873;
  --color-2: #deb992;
  --color-3: #d9d69e;
  --color-4: #a4bd9d;
  --color-5: #88b3a1;
}

SCSS

$color-1: #e68873;
$color-2: #deb992;
$color-3: #d9d69e;
$color-4: #a4bd9d;
$color-5: #88b3a1;

TAILWIND

colors: {
  'brand-1': '#e68873',
  'brand-2': '#deb992',
  'brand-3': '#d9d69e',
  'brand-4': '#a4bd9d',
  'brand-5': '#88b3a1',
}

RGB Array

[230, 136, 115], [222, 185, 146], [217, 214, 158], [164, 189, 157], [136, 179, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E68873, #DEB992, #D9D69E, #A4BD9D, #88B3A1 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: #e68873; --color-2: #deb992; --color-3: #d9d69e; --color-4: #a4bd9d; --color-5: #88b3a1. 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