#E57B7B + #FCA1A1 + #E3D7D4 + #F0EEEF + #938F8E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E57B7B

Peach Pink · LightCoral · Coral Red

HEX

#E57B7B

RGB

rgb(229, 123, 123)

HSL

hsl(0, 67%, 69%)

HSB

hsb(0, 46%, 90%)

CMYK

cmyk(0%, 46%, 46%, 10%)

Oklch

oklch(70.1% 0.131 21.0)

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

#FCA1A1

Peach Pink · LightPink · Cherry Blossom

HEX

#FCA1A1

RGB

rgb(252, 161, 161)

HSL

hsl(0, 94%, 81%)

HSB

hsb(0, 36%, 99%)

CMYK

cmyk(0%, 36%, 36%, 1%)

Oklch

oklch(80.0% 0.109 19.7)

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

#E3D7D4

Peach Pink · LightGray · Cherry Blossom

HEX

#E3D7D4

RGB

rgb(227, 215, 212)

HSL

hsl(12, 21%, 86%)

HSB

hsb(12, 7%, 89%)

CMYK

cmyk(0%, 5%, 7%, 11%)

Oklch

oklch(88.8% 0.014 34.3)

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

#F0EEEF

Plain White · Linen · Cloud White

HEX

#F0EEEF

RGB

rgb(240, 238, 239)

HSL

hsl(330, 6%, 94%)

HSB

hsb(330, 1%, 94%)

CMYK

cmyk(0%, 1%, 0%, 6%)

Oklch

oklch(95.1% 0.003 345.2)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#938F8E

Ash · Gray · Silver Sand

HEX

#938F8E

RGB

rgb(147, 143, 142)

HSL

hsl(12, 2%, 57%)

HSB

hsb(12, 3%, 58%)

CMYK

cmyk(0%, 3%, 3%, 42%)

Oklch

oklch(65.3% 0.005 34.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E57B7B

7BE5E5

Analogous

E57BB0

E57B7B

E5B07B

Triadic

E57B7B

7BE57B

7B7BE5

Split-Comp.

E57B7B

7BE5B0

7BB0E5

Tetradic

E57B7B

B0E57B

7BE5E5

B07BE5

Contrast Matrix WCAG 2.1 Contrast

E57B7B	FCA1A1	E3D7D4	F0EEEF	938F8E
—	1.4 Fail	2.0 Fail	2.4 Fail	1.1 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.6 Fail
2.0 Fail	1.4 Fail	—	1.2 Fail	2.3 Fail
2.4 Fail	1.7 Fail	1.2 Fail	—	2.8 Fail
1.1 Fail	1.6 Fail	2.3 Fail	2.8 Fail	—

White BG

2.8Fail

2.0Fail

1.4Fail

1.2Fail

3.2AA Large

Black BG

7.5AAA

10.8AAA

14.9AAA

18.2AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B67B

D5D4A1

DEDED5

EFEFEF

91918E

Deuteranopia

BDC57B

DAE1A1

DFDFD5

EFEFEF

92928E

Tritanopia

E07B7B

F7A1A1

E2D5D5

F0EFEF

938E8E

Achromatopsia

9B9B9B

BCBCBC

DADADA

EFEFEF

909090

Shades & Tints Shades & Tints

#E57B7B

Dark

Light

#FCA1A1

Dark

Light

#E3D7D4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e57b7b;
  --color-2: #fca1a1;
  --color-3: #e3d7d4;
  --color-4: #f0eeef;
  --color-5: #938f8e;
}

SCSS

$color-1: #e57b7b;
$color-2: #fca1a1;
$color-3: #e3d7d4;
$color-4: #f0eeef;
$color-5: #938f8e;

TAILWIND

colors: {
  'brand-1': '#e57b7b',
  'brand-2': '#fca1a1',
  'brand-3': '#e3d7d4',
  'brand-4': '#f0eeef',
  'brand-5': '#938f8e',
}

RGB Array

[229, 123, 123], [252, 161, 161], [227, 215, 212], [240, 238, 239], [147, 143, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E57B7B, #FCA1A1, #E3D7D4, #F0EEEF, #938F8E 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: #e57b7b; --color-2: #fca1a1; --color-3: #e3d7d4; --color-4: #f0eeef; --color-5: #938f8e. 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