#E8625F + #EC9B7D + #D9D7A6 + #B4D0A8 + #87C2A4 · 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

#E8625F

Peach Pink · Tomato · Coral Red

HEX

#E8625F

RGB

rgb(232, 98, 95)

HSL

hsl(1, 75%, 64%)

HSB

hsb(1, 59%, 91%)

CMYK

cmyk(0%, 58%, 59%, 9%)

Oklch

oklch(66.4% 0.167 24.0)

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

#EC9B7D

Apricot · DarkSalmon · Warm Sun

HEX

#EC9B7D

RGB

rgb(236, 155, 125)

HSL

hsl(16, 74%, 71%)

HSB

hsb(16, 47%, 93%)

CMYK

cmyk(0%, 34%, 47%, 7%)

Oklch

oklch(76.4% 0.106 41.1)

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

#D9D7A6

Fresh Green · Wheat · Sunflower

HEX

#D9D7A6

RGB

rgb(217, 215, 166)

HSL

hsl(58, 40%, 75%)

HSB

hsb(58, 24%, 85%)

CMYK

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

Oklch

oklch(86.9% 0.065 105.7)

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

#B4D0A8

Celadon · Silver · Apple Green

HEX

#B4D0A8

RGB

rgb(180, 208, 168)

HSL

hsl(102, 30%, 74%)

HSB

hsb(102, 19%, 82%)

CMYK

cmyk(13%, 0%, 19%, 18%)

Oklch

oklch(82.6% 0.062 136.3)

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

#87C2A4

Celadon · DarkSeaGreen · Apple Green

HEX

#87C2A4

RGB

rgb(135, 194, 164)

HSL

hsl(149, 33%, 65%)

HSB

hsb(149, 30%, 76%)

CMYK

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

Oklch

oklch(76.5% 0.075 161.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8625F

5EE6E8

Analogous

E85EA1

E8625F

E8A55E

Triadic

E8625F

5EE861

615EE8

Split-Comp.

E8625F

5EE8A5

5EA1E8

Tetradic

E8625F

A1E85E

5EE6E8

A55EE8

Contrast Matrix WCAG 2.1 Contrast

E8625F	EC9B7D	D9D7A6	B4D0A8	87C2A4
—	1.5 Fail	2.2 Fail	2.0 Fail	1.6 Fail
1.5 Fail	—	1.5 Fail	1.3 Fail	1.1 Fail
2.2 Fail	1.5 Fail	—	1.1 Fail	1.4 Fail
2.0 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.6 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

3.3AA Large

2.2Fail

1.5Fail

1.7Fail

2.0Fail

Black BG

6.3AA

9.6AAA

14.2AAA

12.5AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD60

C9C884

D8D8B2

C0C0B2

A1A1AB

Deuteranopia

B6C060

CED486

D8D8B5

BFBCB4

9D99AD

Tritanopia

E16060

E88A8B

D9BBBD

B5B9BB

8AB1B2

Achromatopsia

8A8A8A

B0B0B0

D2D2D2

C3C3C3

ADADAD

Shades & Tints Shades & Tints

#E8625F

Dark

Light

#EC9B7D

Dark

Light

#D9D7A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8625f;
  --color-2: #ec9b7d;
  --color-3: #d9d7a6;
  --color-4: #b4d0a8;
  --color-5: #87c2a4;
}

SCSS

$color-1: #e8625f;
$color-2: #ec9b7d;
$color-3: #d9d7a6;
$color-4: #b4d0a8;
$color-5: #87c2a4;

TAILWIND

colors: {
  'brand-1': '#e8625f',
  'brand-2': '#ec9b7d',
  'brand-3': '#d9d7a6',
  'brand-4': '#b4d0a8',
  'brand-5': '#87c2a4',
}

RGB Array

[232, 98, 95], [236, 155, 125], [217, 215, 166], [180, 208, 168], [135, 194, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8625F, #EC9B7D, #D9D7A6, #B4D0A8, #87C2A4 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: #e8625f; --color-2: #ec9b7d; --color-3: #d9d7a6; --color-4: #b4d0a8; --color-5: #87c2a4. 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