#E7818E + #EEB6A5 + #E4CCB2 + #E6DAB4 + #71ACB4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7818E

Peach Pink · LightCoral · Coral Red

HEX

#E7818E

RGB

rgb(231, 129, 142)

HSL

hsl(352, 68%, 71%)

HSB

hsb(352, 44%, 91%)

CMYK

cmyk(0%, 44%, 39%, 9%)

Oklch

oklch(71.8% 0.126 12.6)

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

#EEB6A5

Peach Pink · LightPink · Coral Red

HEX

#EEB6A5

RGB

rgb(238, 182, 165)

HSL

hsl(14, 68%, 79%)

HSB

hsb(14, 31%, 93%)

CMYK

cmyk(0%, 24%, 31%, 7%)

Oklch

oklch(82.3% 0.070 37.6)

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

#E4CCB2

Goose Yellow · Wheat · Peach Orange

HEX

#E4CCB2

RGB

rgb(228, 204, 178)

HSL

hsl(31, 48%, 80%)

HSB

hsb(31, 22%, 89%)

CMYK

cmyk(0%, 11%, 22%, 11%)

Oklch

oklch(85.8% 0.044 69.4)

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

#E6DAB4

Goose Yellow · Wheat · Lemon Cream

HEX

#E6DAB4

RGB

rgb(230, 218, 180)

HSL

hsl(46, 50%, 80%)

HSB

hsb(46, 22%, 90%)

CMYK

cmyk(0%, 5%, 22%, 10%)

Oklch

oklch(88.8% 0.052 92.6)

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

#71ACB4

Slate Blue · CadetBlue · Lake Green

HEX

#71ACB4

RGB

rgb(113, 172, 180)

HSL

hsl(187, 31%, 57%)

HSB

hsb(187, 37%, 71%)

CMYK

cmyk(37%, 4%, 0%, 29%)

Oklch

oklch(70.7% 0.062 206.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7818E

83E7DA

Analogous

E783C2

E7818E

E7A883

Triadic

E7818E

90E783

8390E7

Split-Comp.

E7818E

83E7A8

83C2E7

Tetradic

E7818E

C2E783

83E7DA

A883E7

Contrast Matrix WCAG 2.1 Contrast

E7818E	EEB6A5	E4CCB2	E6DAB4	71ACB4
—	1.5 Fail	1.7 Fail	1.9 Fail	1.0 Fail
1.5 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.7 Fail	1.1 Fail	—	1.1 Fail	1.6 Fail
1.9 Fail	1.3 Fail	1.1 Fail	—	1.8 Fail
1.0 Fail	1.4 Fail	1.6 Fail	1.8 Fail	—

White BG

2.6Fail

1.8Fail

1.5Fail

1.4Fail

2.5Fail

Black BG

7.9AAA

11.9AAA

13.6AAA

15.1AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA8B

D6D5A9

DAD9B8

E1E1BD

8B8BB2

Deuteranopia

C1C88A

D9DDAA

DBDDBA

E2E2BF

8783B2

Tritanopia

E28888

EBACAD

E3BDBE

E5C4C6

74B1B0

Achromatopsia

A1A1A1

C5C5C5

D0D0D0

D9D9D9

9B9B9B

Shades & Tints Shades & Tints

#E7818E

Dark

Light

#EEB6A5

Dark

Light

#E4CCB2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7818e;
  --color-2: #eeb6a5;
  --color-3: #e4ccb2;
  --color-4: #e6dab4;
  --color-5: #71acb4;
}

SCSS

$color-1: #e7818e;
$color-2: #eeb6a5;
$color-3: #e4ccb2;
$color-4: #e6dab4;
$color-5: #71acb4;

TAILWIND

colors: {
  'brand-1': '#e7818e',
  'brand-2': '#eeb6a5',
  'brand-3': '#e4ccb2',
  'brand-4': '#e6dab4',
  'brand-5': '#71acb4',
}

RGB Array

[231, 129, 142], [238, 182, 165], [228, 204, 178], [230, 218, 180], [113, 172, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7818E, #EEB6A5, #E4CCB2, #E6DAB4, #71ACB4 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: #e7818e; --color-2: #eeb6a5; --color-3: #e4ccb2; --color-4: #e6dab4; --color-5: #71acb4. 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 general-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