#EB5040 + #E68268 + #E7DED1 + #9AB7AF + #47B9C8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB5040

Vermilion · Tomato · Passion Red

HEX

#EB5040

RGB

rgb(235, 80, 64)

HSL

hsl(6, 81%, 59%)

HSB

hsb(6, 73%, 92%)

CMYK

cmyk(0%, 66%, 73%, 8%)

Oklch

oklch(64.2% 0.194 29.3)

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

#E68268

Peach Pink · Salmon · Coral Red

HEX

#E68268

RGB

rgb(230, 130, 104)

HSL

hsl(12, 72%, 65%)

HSB

hsb(12, 55%, 90%)

CMYK

cmyk(0%, 43%, 55%, 10%)

Oklch

oklch(71.0% 0.129 35.5)

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

#E7DED1

Goose Yellow · LightGray · Peach Orange

HEX

#E7DED1

RGB

rgb(231, 222, 209)

HSL

hsl(35, 31%, 86%)

HSB

hsb(35, 10%, 91%)

CMYK

cmyk(0%, 4%, 10%, 9%)

Oklch

oklch(90.4% 0.020 77.3)

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

#9AB7AF

Jade · DarkGray · Lake Green

HEX

#9AB7AF

RGB

rgb(154, 183, 175)

HSL

hsl(163, 17%, 66%)

HSB

hsb(163, 16%, 72%)

CMYK

cmyk(16%, 0%, 4%, 28%)

Oklch

oklch(75.5% 0.034 176.8)

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

#47B9C8

Lake Blue · MediumTurquoise · Lake Green

HEX

#47B9C8

RGB

rgb(71, 185, 200)

HSL

hsl(187, 54%, 53%)

HSB

hsb(187, 65%, 78%)

CMYK

cmyk(65%, 8%, 0%, 22%)

Oklch

oklch(72.8% 0.103 207.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB5040

42DAEB

Analogous

EB4286

EB5040

EBA742

Triadic

EB5040

42EB53

5342EB

Split-Comp.

EB5040

42EBA7

4286EB

Tetradic

EB5040

86EB42

42DAEB

A742EB

Contrast Matrix WCAG 2.1 Contrast

EB5040	E68268	E7DED1	9AB7AF	47B9C8
—	1.3 Fail	2.7 Fail	1.7 Fail	1.6 Fail
1.3 Fail	—	2.0 Fail	1.3 Fail	1.2 Fail
2.7 Fail	2.0 Fail	—	1.6 Fail	1.7 Fail
1.7 Fail	1.3 Fail	1.6 Fail	—	1.1 Fail
1.6 Fail	1.2 Fail	1.7 Fail	1.1 Fail	—

White BG

3.6AA Large

2.7Fail

1.3Fail

2.2Fail

2.3Fail

Black BG

5.8AA

7.8AAA

15.8AAA

9.8AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A644

BBBA6E

E3E3D4

A7A7B1

7879C4

Deuteranopia

B1BD45

C1C870

E4E4D5

A5A3B1

7269C4

Tritanopia

E34748

E17374

E7D7D7

9BB2B3

4DC2C1

Achromatopsia

7D7D7D

9D9D9D

DFDFDF

ADADAD

999999

Shades & Tints Shades & Tints

#EB5040

Dark

Light

#E68268

Dark

Light

#E7DED1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb5040;
  --color-2: #e68268;
  --color-3: #e7ded1;
  --color-4: #9ab7af;
  --color-5: #47b9c8;
}

SCSS

$color-1: #eb5040;
$color-2: #e68268;
$color-3: #e7ded1;
$color-4: #9ab7af;
$color-5: #47b9c8;

TAILWIND

colors: {
  'brand-1': '#eb5040',
  'brand-2': '#e68268',
  'brand-3': '#e7ded1',
  'brand-4': '#9ab7af',
  'brand-5': '#47b9c8',
}

RGB Array

[235, 80, 64], [230, 130, 104], [231, 222, 209], [154, 183, 175], [71, 185, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB5040, #E68268, #E7DED1, #9AB7AF, #47B9C8 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: #eb5040; --color-2: #e68268; --color-3: #e7ded1; --color-4: #9ab7af; --color-5: #47b9c8. 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