#FE4365 + #FB878E + #EDADA8 + #DCC6C1 + #DCDCD8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FE4365

Peach Pink · Tomato · Coral Red

HEX

#FE4365

RGB

rgb(254, 67, 101)

HSL

hsl(349, 99%, 63%)

HSB

hsb(349, 74%, 100%)

CMYK

cmyk(0%, 74%, 60%, 0%)

Oklch

oklch(66.6% 0.221 15.7)

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

#FB878E

Peach Pink · LightCoral · Coral Red

HEX

#FB878E

RGB

rgb(251, 135, 142)

HSL

hsl(356, 94%, 76%)

HSB

hsb(356, 46%, 98%)

CMYK

cmyk(0%, 46%, 43%, 2%)

Oklch

oklch(75.3% 0.141 17.2)

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

#EDADA8

Peach Pink · LightPink · Coral Red

HEX

#EDADA8

RGB

rgb(237, 173, 168)

HSL

hsl(4, 66%, 79%)

HSB

hsb(4, 29%, 93%)

CMYK

cmyk(0%, 27%, 29%, 7%)

Oklch

oklch(80.6% 0.076 23.9)

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

#DCC6C1

Peach Pink · LightGray · Cherry Blossom

HEX

#DCC6C1

RGB

rgb(220, 198, 193)

HSL

hsl(11, 28%, 81%)

HSB

hsb(11, 12%, 86%)

CMYK

cmyk(0%, 10%, 12%, 14%)

Oklch

oklch(84.3% 0.026 32.9)

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

#DCDCD8

Silver Gray · LightGray · Pearl Gray

HEX

#DCDCD8

RGB

rgb(220, 220, 216)

HSL

hsl(60, 5%, 85%)

HSB

hsb(60, 2%, 86%)

CMYK

cmyk(0%, 0%, 2%, 14%)

Oklch

oklch(89.3% 0.005 106.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE4365

43FEDC

Analogous

FE43C3

FE4365

FE7E43

Triadic

FE4365

65FE43

4365FE

Split-Comp.

FE4365

43FE7E

43C3FE

Tetradic

FE4365

C3FE43

43FEDC

7E43FE

Contrast Matrix WCAG 2.1 Contrast

FE4365	FB878E	EDADA8	DCC6C1	DCDCD8
—	1.4 Fail	1.8 Fail	2.1 Fail	2.5 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.8 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
2.1 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.5 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

3.4AA Large

2.3Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

6.2AA

9.0AAA

11.1AAA

12.9AAA

15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAB5D

C9C88C

D1D1A9

D2D2C2

DCDCD9

Deuteranopia

B8C65B

D0D88C

D5DAAA

D4D5C3

DCDCD9

Tritanopia

F55655

F58B8B

EAAAAA

DBC3C3

DCDADA

Achromatopsia

7F7F7F

AAAAAA

C0C0C0

CCCCCC

DCDCDC

Shades & Tints Shades & Tints

#FE4365

Dark

Light

#FB878E

Dark

Light

#EDADA8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe4365;
  --color-2: #fb878e;
  --color-3: #edada8;
  --color-4: #dcc6c1;
  --color-5: #dcdcd8;
}

SCSS

$color-1: #fe4365;
$color-2: #fb878e;
$color-3: #edada8;
$color-4: #dcc6c1;
$color-5: #dcdcd8;

TAILWIND

colors: {
  'brand-1': '#fe4365',
  'brand-2': '#fb878e',
  'brand-3': '#edada8',
  'brand-4': '#dcc6c1',
  'brand-5': '#dcdcd8',
}

RGB Array

[254, 67, 101], [251, 135, 142], [237, 173, 168], [220, 198, 193], [220, 220, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE4365, #FB878E, #EDADA8, #DCC6C1, #DCDCD8 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: #fe4365; --color-2: #fb878e; --color-3: #edada8; --color-4: #dcc6c1; --color-5: #dcdcd8. 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