#F7CDD4 + #EBC7CD + #EAB1C7 + #EBA1BC + #907396 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F7CDD4

Peach Pink · Pink · Cherry Blossom

HEX

#F7CDD4

RGB

rgb(247, 205, 212)

HSL

hsl(350, 72%, 89%)

HSB

hsb(350, 17%, 97%)

CMYK

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

Oklch

oklch(88.6% 0.048 6.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EBC7CD

Peach Pink · Pink · Cherry Blossom

HEX

#EBC7CD

RGB

rgb(235, 199, 205)

HSL

hsl(350, 47%, 85%)

HSB

hsb(350, 15%, 92%)

CMYK

cmyk(0%, 15%, 13%, 8%)

Oklch

oklch(86.2% 0.041 6.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EAB1C7

Rouge · LightPink · Cherry Blossom

HEX

#EAB1C7

RGB

rgb(234, 177, 199)

HSL

hsl(337, 58%, 81%)

HSB

hsb(337, 24%, 92%)

CMYK

cmyk(0%, 24%, 15%, 8%)

Oklch

oklch(81.9% 0.072 353.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EBA1BC

Rouge · LightPink · Cherry Blossom

HEX

#EBA1BC

RGB

rgb(235, 161, 188)

HSL

hsl(338, 65%, 78%)

HSB

hsb(338, 31%, 92%)

CMYK

cmyk(0%, 31%, 20%, 8%)

Oklch

oklch(78.8% 0.094 355.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#907396

Dark Plum · Gray · Violet

HEX

#907396

RGB

rgb(144, 115, 150)

HSL

hsl(290, 14%, 52%)

HSB

hsb(290, 23%, 59%)

CMYK

cmyk(4%, 23%, 0%, 41%)

Oklch

oklch(59.6% 0.062 320.5)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7CDD4

CFF7F0

Analogous

F7CFEA

F7CDD4

F7DCCF

Triadic

F7CDD4

D5F7CF

CFD5F7

Split-Comp.

F7CDD4

CFF7DC

CFEAF7

Tetradic

F7CDD4

EAF7CF

CFF7F0

DCCFF7

Contrast Matrix WCAG 2.1 Contrast

F7CDD4	EBC7CD	EAB1C7	EBA1BC	907396
—	1.1 Fail	1.3 Fail	1.4 Fail	2.9 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	2.7 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	2.3 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	2.0 Fail
2.9 Fail	2.7 Fail	2.3 Fail	2.0 Fail	—

White BG

1.4Fail

1.5Fail

1.8Fail

2.0Fail

4.1AA Large

Black BG

14.6AAA

13.6AAA

11.6AAA

10.4AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4D2

DBDBCC

D1D1C2

CBCAB5

83838E

Deuteranopia

E7EAD2

DEE0CB

D5D9C0

CFD5B4

85878C

Tritanopia

F5D1D1

E9CACA

E7BDBD

E7B0AF

8F8785

Achromatopsia

DADADA

D2D2D2

C5C5C5

BABABA

808080

Shades & Tints Shades & Tints

#F7CDD4

Dark

Light

#EBC7CD

Dark

Light

#EAB1C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7cdd4;
  --color-2: #ebc7cd;
  --color-3: #eab1c7;
  --color-4: #eba1bc;
  --color-5: #907396;
}

SCSS

$color-1: #f7cdd4;
$color-2: #ebc7cd;
$color-3: #eab1c7;
$color-4: #eba1bc;
$color-5: #907396;

TAILWIND

colors: {
  'brand-1': '#f7cdd4',
  'brand-2': '#ebc7cd',
  'brand-3': '#eab1c7',
  'brand-4': '#eba1bc',
  'brand-5': '#907396',
}

RGB Array

[247, 205, 212], [235, 199, 205], [234, 177, 199], [235, 161, 188], [144, 115, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #F7CDD4, #EBC7CD, #EAB1C7, #EBA1BC, #907396 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: #f7cdd4; --color-2: #ebc7cd; --color-3: #eab1c7; --color-4: #eba1bc; --color-5: #907396. 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 muted-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