#EDDCD8 + #E2B8AE + #E6968E + #CF84A8 + #A18994 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDDCD8

Peach Pink · Beige · Cherry Blossom

HEX

#EDDCD8

RGB

rgb(237, 220, 216)

HSL

hsl(11, 37%, 89%)

HSB

hsb(11, 9%, 93%)

CMYK

cmyk(0%, 7%, 9%, 7%)

Oklch

oklch(90.7% 0.020 33.4)

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

#E2B8AE

Peach Pink · LightPink · Coral Red

HEX

#E2B8AE

RGB

rgb(226, 184, 174)

HSL

hsl(12, 47%, 78%)

HSB

hsb(12, 23%, 89%)

CMYK

cmyk(0%, 19%, 23%, 11%)

Oklch

oklch(81.7% 0.051 33.6)

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

#E6968E

Peach Pink · DarkSalmon · Coral Red

HEX

#E6968E

RGB

rgb(230, 150, 142)

HSL

hsl(5, 64%, 73%)

HSB

hsb(5, 38%, 90%)

CMYK

cmyk(0%, 35%, 38%, 10%)

Oklch

oklch(75.1% 0.098 25.9)

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

#CF84A8

Rouge · Orchid · Rose Pink

HEX

#CF84A8

RGB

rgb(207, 132, 168)

HSL

hsl(331, 44%, 66%)

HSB

hsb(331, 36%, 81%)

CMYK

cmyk(0%, 36%, 19%, 19%)

Oklch

oklch(70.1% 0.102 349.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A18994

Dark Violet · DarkGray · Rose Pink

HEX

#A18994

RGB

rgb(161, 137, 148)

HSL

hsl(333, 11%, 58%)

HSB

hsb(333, 15%, 63%)

CMYK

cmyk(0%, 15%, 8%, 37%)

Oklch

oklch(65.5% 0.033 348.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDCD8

D9EAED

Analogous

EDD9DF

EDDCD8

EDE7D9

Triadic

EDDCD8

D9EDDC

DCD9ED

Split-Comp.

EDDCD8

D9EDE7

D9DFED

Tetradic

EDDCD8

DFEDD9

D9EAED

E7D9ED

Contrast Matrix WCAG 2.1 Contrast

EDDCD8	E2B8AE	E6968E	CF84A8	A18994
—	1.4 Fail	1.7 Fail	2.1 Fail	2.4 Fail
1.4 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.1 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.4 Fail	1.8 Fail	1.4 Fail	1.2 Fail	—

White BG

1.3Fail

1.8Fail

2.3Fail

2.8Fail

3.2AA Large

Black BG

15.8AAA

11.7AAA

9.1AAA

7.5AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E5D9

D0CFB0

C3C390

AFAE9F

979691

Deuteranopia

E7E8D9

D2D5B1

C8CE90

B3B89D

989A91

Tritanopia

ECDADA

E0B2B3

E29192

CB9897

A08F8F

Achromatopsia

E1E1E1

C3C3C3

ADADAD

9F9F9F

919191

Shades & Tints Shades & Tints

#EDDCD8

Dark

Light

#E2B8AE

Dark

Light

#E6968E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddcd8;
  --color-2: #e2b8ae;
  --color-3: #e6968e;
  --color-4: #cf84a8;
  --color-5: #a18994;
}

SCSS

$color-1: #eddcd8;
$color-2: #e2b8ae;
$color-3: #e6968e;
$color-4: #cf84a8;
$color-5: #a18994;

TAILWIND

colors: {
  'brand-1': '#eddcd8',
  'brand-2': '#e2b8ae',
  'brand-3': '#e6968e',
  'brand-4': '#cf84a8',
  'brand-5': '#a18994',
}

RGB Array

[237, 220, 216], [226, 184, 174], [230, 150, 142], [207, 132, 168], [161, 137, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDCD8, #E2B8AE, #E6968E, #CF84A8, #A18994 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: #eddcd8; --color-2: #e2b8ae; --color-3: #e6968e; --color-4: #cf84a8; --color-5: #a18994. 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