#E99DAA + #C0878E + #969082 + #A1B89E + #FFE0C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E99DAA

Peach Pink · LightPink · Coral Red

HEX

#E99DAA

RGB

rgb(233, 157, 170)

HSL

hsl(350, 63%, 76%)

HSB

hsb(350, 33%, 91%)

CMYK

cmyk(0%, 33%, 27%, 9%)

Oklch

oklch(77.4% 0.092 8.2)

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

#C0878E

Peach Pink · DarkSalmon · Coral Red

HEX

#C0878E

RGB

rgb(192, 135, 142)

HSL

hsl(353, 31%, 64%)

HSB

hsb(353, 30%, 75%)

CMYK

cmyk(0%, 30%, 26%, 25%)

Oklch

oklch(68.2% 0.071 11.0)

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

#969082

Ginger · Gray · Warm Gray

HEX

#969082

RGB

rgb(150, 144, 130)

HSL

hsl(42, 9%, 55%)

HSB

hsb(42, 13%, 59%)

CMYK

cmyk(0%, 4%, 13%, 41%)

Oklch

oklch(65.4% 0.021 87.5)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#A1B89E

Celadon · DarkGray · Apple Green

HEX

#A1B89E

RGB

rgb(161, 184, 158)

HSL

hsl(113, 15%, 67%)

HSB

hsb(113, 14%, 72%)

CMYK

cmyk(13%, 0%, 14%, 28%)

Oklch

oklch(75.8% 0.044 141.9)

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

#FFE0C4

Apricot · Bisque · Peach Orange

HEX

#FFE0C4

RGB

rgb(255, 224, 196)

HSL

hsl(28, 100%, 88%)

HSB

hsb(28, 23%, 100%)

CMYK

cmyk(0%, 12%, 23%, 0%)

Oklch

oklch(92.5% 0.050 64.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E99DAA

9BE8DC

Analogous

E89BCF

E99DAA

E8B59B

Triadic

E99DAA

A8E89B

9BA8E8

Split-Comp.

E99DAA

9BE8B5

9BCFE8

Tetradic

E99DAA

CFE89B

9BE8DC

B59BE8

Contrast Matrix WCAG 2.1 Contrast

E99DAA	C0878E	969082	A1B89E	FFE0C4
—	1.4 Fail	1.5 Fail	1.0 Fail	1.7 Fail
1.4 Fail	—	1.1 Fail	1.4 Fail	2.4 Fail
1.5 Fail	1.1 Fail	—	1.5 Fail	2.5 Fail
1.0 Fail	1.4 Fail	1.5 Fail	—	1.7 Fail
1.7 Fail	2.4 Fail	2.5 Fail	1.7 Fail	—

White BG

2.1Fail

3.0Fail

3.2AA Large

2.1Fail

1.3Fail

Black BG

9.9AAA

7.1AAA

6.6AA

9.9AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C7A7

A7A78C

939385

ABABA4

F2F1CB

Deuteranopia

CDD2A6

ABAF8C

949486

AAA8A6

F3F6CC

Tritanopia

E5A4A4

BD8B8B

968889

A2A9AA

FDD0D1

Achromatopsia

B5B5B5

999999

909090

AEAEAE

E6E6E6

Shades & Tints Shades & Tints

#E99DAA

Dark

Light

#C0878E

Dark

Light

#969082

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e99daa;
  --color-2: #c0878e;
  --color-3: #969082;
  --color-4: #a1b89e;
  --color-5: #ffe0c4;
}

SCSS

$color-1: #e99daa;
$color-2: #c0878e;
$color-3: #969082;
$color-4: #a1b89e;
$color-5: #ffe0c4;

TAILWIND

colors: {
  'brand-1': '#e99daa',
  'brand-2': '#c0878e',
  'brand-3': '#969082',
  'brand-4': '#a1b89e',
  'brand-5': '#ffe0c4',
}

RGB Array

[233, 157, 170], [192, 135, 142], [150, 144, 130], [161, 184, 158], [255, 224, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E99DAA, #C0878E, #969082, #A1B89E, #FFE0C4 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: #e99daa; --color-2: #c0878e; --color-3: #969082; --color-4: #a1b89e; --color-5: #ffe0c4. 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