#E45569 + #D7505F + #FBECC1 + #728D7C + #E0C787 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E45569

Peach Pink · Tomato · Coral Red

HEX

#E45569

RGB

rgb(228, 85, 105)

HSL

hsl(352, 73%, 61%)

HSB

hsb(352, 63%, 89%)

CMYK

cmyk(0%, 63%, 54%, 11%)

Oklch

oklch(64.4% 0.177 15.3)

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

#D7505F

Vermilion · Tomato · Passion Red

HEX

#D7505F

RGB

rgb(215, 80, 95)

HSL

hsl(353, 63%, 58%)

HSB

hsb(353, 63%, 84%)

CMYK

cmyk(0%, 63%, 56%, 16%)

Oklch

oklch(61.5% 0.169 17.1)

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

#FBECC1

Goose Yellow · Bisque · Lemon Cream

HEX

#FBECC1

RGB

rgb(251, 236, 193)

HSL

hsl(44, 88%, 87%)

HSB

hsb(44, 23%, 98%)

CMYK

cmyk(0%, 6%, 23%, 2%)

Oklch

oklch(94.4% 0.058 91.1)

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

#728D7C

Celadon · Gray · Olive Green

HEX

#728D7C

RGB

rgb(114, 141, 124)

HSL

hsl(142, 11%, 50%)

HSB

hsb(142, 19%, 55%)

CMYK

cmyk(19%, 0%, 12%, 45%)

Oklch

oklch(61.7% 0.040 157.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E0C787

Ginger · BurlyWood · Sunflower

HEX

#E0C787

RGB

rgb(224, 199, 135)

HSL

hsl(43, 59%, 70%)

HSB

hsb(43, 40%, 88%)

CMYK

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

Oklch

oklch(83.6% 0.087 89.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E45569

53E4D1

Analogous

E453AF

E45569

E48853

Triadic

E45569

66E453

5366E4

Split-Comp.

E45569

53E488

53AFE4

Tetradic

E45569

AFE453

53E4D1

8853E4

Contrast Matrix WCAG 2.1 Contrast

E45569	D7505F	FBECC1	728D7C	E0C787
—	1.1 Fail	3.1 AA Large	1.0 Fail	2.2 Fail
1.1 Fail	—	3.4 AA Large	1.1 Fail	2.4 Fail
3.1 AA Large	3.4 AA Large	—	3.1 AA Large	1.4 Fail
1.0 Fail	1.1 Fail	3.1 AA Large	—	2.2 Fail
2.2 Fail	2.4 Fail	1.4 Fail	2.2 Fail	—

White BG

3.6AA Large

4.0AA Large

1.2Fail

3.6AA Large

1.7Fail

Black BG

5.8AA

5.2AA

17.9AAA

5.8AA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A564

9D9B5B

F5F4CB

7E7E80

D5D596

Deuteranopia

AEB963

A4AF5B

F5F7CE

7C7A81

D7D89A

Tritanopia

DD6060

D05958

FAD4D5

738384

DFA3A5

Achromatopsia

828282

7A7A7A

ECECEC

838383

C7C7C7

Shades & Tints Shades & Tints

#E45569

Dark

Light

#D7505F

Dark

Light

#FBECC1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e45569;
  --color-2: #d7505f;
  --color-3: #fbecc1;
  --color-4: #728d7c;
  --color-5: #e0c787;
}

SCSS

$color-1: #e45569;
$color-2: #d7505f;
$color-3: #fbecc1;
$color-4: #728d7c;
$color-5: #e0c787;

TAILWIND

colors: {
  'brand-1': '#e45569',
  'brand-2': '#d7505f',
  'brand-3': '#fbecc1',
  'brand-4': '#728d7c',
  'brand-5': '#e0c787',
}

RGB Array

[228, 85, 105], [215, 80, 95], [251, 236, 193], [114, 141, 124], [224, 199, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E45569, #D7505F, #FBECC1, #728D7C, #E0C787 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: #e45569; --color-2: #d7505f; --color-3: #fbecc1; --color-4: #728d7c; --color-5: #e0c787. 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