#ED4652 + #E8A7AB + #E6E2DA + #D2CEC3 + #A1BBB5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ED4652

Vermilion · Tomato · Passion Red

HEX

#ED4652

RGB

rgb(237, 70, 82)

HSL

hsl(356, 82%, 60%)

HSB

hsb(356, 70%, 93%)

CMYK

cmyk(0%, 70%, 65%, 7%)

Oklch

oklch(63.8% 0.203 21.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E8A7AB

Peach Pink · LightPink · Coral Red

HEX

#E8A7AB

RGB

rgb(232, 167, 171)

HSL

hsl(356, 59%, 78%)

HSB

hsb(356, 28%, 91%)

CMYK

cmyk(0%, 28%, 26%, 9%)

Oklch

oklch(79.1% 0.077 14.9)

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

#E6E2DA

Goose Yellow · Beige · Lemon Cream

HEX

#E6E2DA

RGB

rgb(230, 226, 218)

HSL

hsl(40, 19%, 88%)

HSB

hsb(40, 5%, 90%)

CMYK

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

Oklch

oklch(91.4% 0.012 84.6)

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

#D2CEC3

Goose Yellow · LightGray · Lemon Cream

HEX

#D2CEC3

RGB

rgb(210, 206, 195)

HSL

hsl(44, 14%, 79%)

HSB

hsb(44, 7%, 82%)

CMYK

cmyk(0%, 2%, 7%, 18%)

Oklch

oklch(85.2% 0.016 90.3)

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

#A1BBB5

Jade · DarkGray · Lake Green

HEX

#A1BBB5

RGB

rgb(161, 187, 181)

HSL

hsl(166, 16%, 68%)

HSB

hsb(166, 14%, 73%)

CMYK

cmyk(14%, 0%, 3%, 27%)

Oklch

oklch(77.1% 0.030 180.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED4652

45EDE1

Analogous

ED45A4

ED4652

ED8E45

Triadic

ED4652

51ED45

4551ED

Split-Comp.

ED4652

45ED8E

45A4ED

Tetradic

ED4652

A4ED45

45EDE1

8E45ED

Contrast Matrix WCAG 2.1 Contrast

ED4652	E8A7AB	E6E2DA	D2CEC3	A1BBB5
—	1.9 Fail	2.9 Fail	2.4 Fail	1.8 Fail
1.9 Fail	—	1.5 Fail	1.3 Fail	1.0 Fail
2.9 Fail	1.5 Fail	—	1.2 Fail	1.6 Fail
2.4 Fail	1.3 Fail	1.2 Fail	—	1.3 Fail
1.8 Fail	1.0 Fail	1.6 Fail	1.3 Fail	—

White BG

3.8AA Large

2.0Fail

1.3Fail

1.6Fail

2.0Fail

Black BG

5.6AA

10.5AAA

16.3AAA

13.4AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A34F

CCCBAA

E4E4DC

D0D0C6

ACACB6

Deuteranopia

AEBB4E

D0D4AA

E5E5DC

D1D1C6

ABA9B7

Tritanopia

E54D4C

E5A9A9

E6DDDE

D2C8C8

A2B8B8

Achromatopsia

797979

BBBBBB

E2E2E2

CECECE

B3B3B3

Shades & Tints Shades & Tints

#ED4652

Dark

Light

#E8A7AB

Dark

Light

#E6E2DA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed4652;
  --color-2: #e8a7ab;
  --color-3: #e6e2da;
  --color-4: #d2cec3;
  --color-5: #a1bbb5;
}

SCSS

$color-1: #ed4652;
$color-2: #e8a7ab;
$color-3: #e6e2da;
$color-4: #d2cec3;
$color-5: #a1bbb5;

TAILWIND

colors: {
  'brand-1': '#ed4652',
  'brand-2': '#e8a7ab',
  'brand-3': '#e6e2da',
  'brand-4': '#d2cec3',
  'brand-5': '#a1bbb5',
}

RGB Array

[237, 70, 82], [232, 167, 171], [230, 226, 218], [210, 206, 195], [161, 187, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED4652, #E8A7AB, #E6E2DA, #D2CEC3, #A1BBB5 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: #ed4652; --color-2: #e8a7ab; --color-3: #e6e2da; --color-4: #d2cec3; --color-5: #a1bbb5. 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