#E95168 + #EEDFE2 + #71BDB9 + #E0C79F + #E7E1E1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E95168

Peach Pink · Tomato · Coral Red

HEX

#E95168

RGB

rgb(233, 81, 104)

HSL

hsl(351, 78%, 62%)

HSB

hsb(351, 65%, 91%)

CMYK

cmyk(0%, 65%, 55%, 9%)

Oklch

oklch(64.7% 0.187 15.2)

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

#EEDFE2

Peach Pink · Linen · Cherry Blossom

HEX

#EEDFE2

RGB

rgb(238, 223, 226)

HSL

hsl(348, 31%, 90%)

HSB

hsb(348, 6%, 93%)

CMYK

cmyk(0%, 6%, 5%, 7%)

Oklch

oklch(91.6% 0.017 3.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#71BDB9

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#71BDB9

RGB

rgb(113, 189, 185)

HSL

hsl(177, 37%, 59%)

HSB

hsb(177, 40%, 74%)

CMYK

cmyk(40%, 0%, 2%, 26%)

Oklch

oklch(74.8% 0.076 191.3)

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

#E0C79F

Goose Yellow · BurlyWood · Warm Sun

HEX

#E0C79F

RGB

rgb(224, 199, 159)

HSL

hsl(37, 51%, 75%)

HSB

hsb(37, 29%, 88%)

CMYK

cmyk(0%, 11%, 29%, 12%)

Oklch

oklch(84.1% 0.060 79.4)

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

#E7E1E1

Peach Pink · Linen · Cherry Blossom

HEX

#E7E1E1

RGB

rgb(231, 225, 225)

HSL

hsl(0, 11%, 89%)

HSB

hsb(0, 3%, 91%)

CMYK

cmyk(0%, 3%, 3%, 9%)

Oklch

oklch(91.4% 0.007 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E95168

53EAD3

Analogous

EA53B5

E95168

EA8753

Triadic

E95168

69EA53

5369EA

Split-Comp.

E95168

53EA87

53B5EA

Tetradic

E95168

B5EA53

53EAD3

8753EA

Contrast Matrix WCAG 2.1 Contrast

E95168	EEDFE2	71BDB9	E0C79F	E7E1E1
—	2.8 Fail	1.7 Fail	2.2 Fail	2.8 Fail
2.8 Fail	—	1.7 Fail	1.3 Fail	1.0 Fail
1.7 Fail	1.7 Fail	—	1.3 Fail	1.7 Fail
2.2 Fail	1.3 Fail	1.3 Fail	—	1.3 Fail
2.8 Fail	1.0 Fail	1.7 Fail	1.3 Fail	—

White BG

3.6AA Large

1.3Fail

2.2Fail

1.6Fail

1.3Fail

Black BG

5.8AA

16.3AAA

9.7AAA

12.8AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A662

E8E7E1

9293BA

D5D5A9

E4E4E1

Deuteranopia

B0BB61

E8EAE1

8E88BA

D7D8AB

E5E5E1

Tritanopia

E15E5D

EDE1E1

75BBBB

DFB0B2

E7E1E1

Achromatopsia

818181

E4E4E4

A6A6A6

CACACA

E3E3E3

Shades & Tints Shades & Tints

#E95168

Dark

Light

#EEDFE2

Dark

Light

#71BDB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e95168;
  --color-2: #eedfe2;
  --color-3: #71bdb9;
  --color-4: #e0c79f;
  --color-5: #e7e1e1;
}

SCSS

$color-1: #e95168;
$color-2: #eedfe2;
$color-3: #71bdb9;
$color-4: #e0c79f;
$color-5: #e7e1e1;

TAILWIND

colors: {
  'brand-1': '#e95168',
  'brand-2': '#eedfe2',
  'brand-3': '#71bdb9',
  'brand-4': '#e0c79f',
  'brand-5': '#e7e1e1',
}

RGB Array

[233, 81, 104], [238, 223, 226], [113, 189, 185], [224, 199, 159], [231, 225, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E95168, #EEDFE2, #71BDB9, #E0C79F, #E7E1E1 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: #e95168; --color-2: #eedfe2; --color-3: #71bdb9; --color-4: #e0c79f; --color-5: #e7e1e1. 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