#D7CBC2 + #F25357 + #FC7481 + #C391A1 + #BCA5B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7CBC2

Apricot · LightGray · Peach Orange

HEX

#D7CBC2

RGB

rgb(215, 203, 194)

HSL

hsl(26, 21%, 80%)

HSB

hsb(26, 10%, 84%)

CMYK

cmyk(0%, 6%, 10%, 16%)

Oklch

oklch(84.9% 0.018 59.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F25357

Peach Pink · Tomato · Coral Red

HEX

#F25357

RGB

rgb(242, 83, 87)

HSL

hsl(358, 86%, 64%)

HSB

hsb(358, 66%, 95%)

CMYK

cmyk(0%, 66%, 64%, 5%)

Oklch

oklch(66.0% 0.195 22.8)

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

#FC7481

Peach Pink · LightCoral · Coral Red

HEX

#FC7481

RGB

rgb(252, 116, 129)

HSL

hsl(354, 96%, 72%)

HSB

hsb(354, 54%, 99%)

CMYK

cmyk(0%, 54%, 49%, 1%)

Oklch

oklch(72.4% 0.166 16.3)

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

#C391A1

Rouge · DarkGray · Rose Pink

HEX

#C391A1

RGB

rgb(195, 145, 161)

HSL

hsl(341, 29%, 67%)

HSB

hsb(341, 26%, 76%)

CMYK

cmyk(0%, 26%, 17%, 24%)

Oklch

oklch(70.9% 0.064 357.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#BCA5B8

Mauve · DarkGray · Lilac Purple

HEX

#BCA5B8

RGB

rgb(188, 165, 184)

HSL

hsl(310, 15%, 69%)

HSB

hsb(310, 12%, 74%)

CMYK

cmyk(0%, 12%, 2%, 26%)

Oklch

oklch(74.8% 0.037 331.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7CBC2

C1CDD7

Analogous

D7C1C3

D7CBC2

D7D5C1

Triadic

D7CBC2

C1D7CB

CBC1D7

Split-Comp.

D7CBC2

C1D7D5

C1C3D7

Tetradic

D7CBC2

C3D7C1

C1CDD7

D5C1D7

Contrast Matrix WCAG 2.1 Contrast

D7CBC2	F25357	FC7481	C391A1	BCA5B8
—	2.1 Fail	1.7 Fail	1.7 Fail	1.4 Fail
2.1 Fail	—	1.3 Fail	1.3 Fail	1.5 Fail
1.7 Fail	1.3 Fail	—	1.0 Fail	1.2 Fail
1.7 Fail	1.3 Fail	1.0 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.2 Fail	1.2 Fail	—

White BG

1.6Fail

3.4AA Large

2.6Fail

2.7Fail

2.3Fail

Black BG

13.2AAA

6.2AA

8.0AAA

7.9AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2C4

ADAC56

C1C07E

ADAD9D

B2B2B3

Deuteranopia

D3D3C5

B6C256

C9D37D

B0B49C

B3B5B2

Tritanopia

D6C6C6

EA5555

F57B7B

C19A99

BBB0AF

Achromatopsia

CECECE

838383

9E9E9E

A2A2A2

AEAEAE

Shades & Tints Shades & Tints

#D7CBC2

Dark

Light

#F25357

Dark

Light

#FC7481

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7cbc2;
  --color-2: #f25357;
  --color-3: #fc7481;
  --color-4: #c391a1;
  --color-5: #bca5b8;
}

SCSS

$color-1: #d7cbc2;
$color-2: #f25357;
$color-3: #fc7481;
$color-4: #c391a1;
$color-5: #bca5b8;

TAILWIND

colors: {
  'brand-1': '#d7cbc2',
  'brand-2': '#f25357',
  'brand-3': '#fc7481',
  'brand-4': '#c391a1',
  'brand-5': '#bca5b8',
}

RGB Array

[215, 203, 194], [242, 83, 87], [252, 116, 129], [195, 145, 161], [188, 165, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7CBC2, #F25357, #FC7481, #C391A1, #BCA5B8 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: #d7cbc2; --color-2: #f25357; --color-3: #fc7481; --color-4: #c391a1; --color-5: #bca5b8. 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