#D47A83 + #D2878D + #C49C9E + #CDADA3 + #BEC8BA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D47A83

Peach Pink · LightCoral · Coral Red

HEX

#D47A83

RGB

rgb(212, 122, 131)

HSL

hsl(354, 51%, 65%)

HSB

hsb(354, 42%, 83%)

CMYK

cmyk(0%, 42%, 38%, 17%)

Oklch

oklch(68.0% 0.112 14.1)

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

#D2878D

Peach Pink · DarkSalmon · Coral Red

HEX

#D2878D

RGB

rgb(210, 135, 141)

HSL

hsl(355, 45%, 68%)

HSB

hsb(355, 36%, 82%)

CMYK

cmyk(0%, 36%, 33%, 18%)

Oklch

oklch(70.2% 0.092 14.5)

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

#C49C9E

Peach Pink · DarkGray · Coral Red

HEX

#C49C9E

RGB

rgb(196, 156, 158)

HSL

hsl(357, 25%, 69%)

HSB

hsb(357, 20%, 77%)

CMYK

cmyk(0%, 20%, 19%, 23%)

Oklch

oklch(73.0% 0.048 14.9)

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

#CDADA3

Peach Pink · Tan · Coral Red

HEX

#CDADA3

RGB

rgb(205, 173, 163)

HSL

hsl(14, 30%, 72%)

HSB

hsb(14, 20%, 80%)

CMYK

cmyk(0%, 16%, 20%, 20%)

Oklch

oklch(77.3% 0.040 38.1)

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

#BEC8BA

Celadon · Silver · Apple Green

HEX

#BEC8BA

RGB

rgb(190, 200, 186)

HSL

hsl(103, 11%, 76%)

HSB

hsb(103, 7%, 78%)

CMYK

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

Oklch

oklch(82.1% 0.022 136.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D47A83

78D3CA

Analogous

D378AF

D47A83

D39D78

Triadic

D47A83

81D378

7881D3

Split-Comp.

D47A83

78D39D

78AFD3

Tetradic

D47A83

AFD378

78D3CA

9D78D3

Contrast Matrix WCAG 2.1 Contrast

D47A83	D2878D	C49C9E	CDADA3	BEC8BA
—	1.1 Fail	1.2 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

3.0AA Large

2.8Fail

2.4Fail

2.1Fail

1.7Fail

Black BG

6.9AA

7.6AAA

8.6AAA

10.1AAA

12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC81

B2B18C

B3B29E

BFBFA5

C2C2BD

Deuteranopia

B2B980

B6BC8B

B5B89D

C1C3A6

C2C1BE

Tritanopia

CF7F7F

CE8A8A

C29D9D

CBA7A8

BFC0C1

Achromatopsia

969696

9E9E9E

A8A8A8

B5B5B5

C3C3C3

Shades & Tints Shades & Tints

#D47A83

Dark

Light

#D2878D

Dark

Light

#C49C9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d47a83;
  --color-2: #d2878d;
  --color-3: #c49c9e;
  --color-4: #cdada3;
  --color-5: #bec8ba;
}

SCSS

$color-1: #d47a83;
$color-2: #d2878d;
$color-3: #c49c9e;
$color-4: #cdada3;
$color-5: #bec8ba;

TAILWIND

colors: {
  'brand-1': '#d47a83',
  'brand-2': '#d2878d',
  'brand-3': '#c49c9e',
  'brand-4': '#cdada3',
  'brand-5': '#bec8ba',
}

RGB Array

[212, 122, 131], [210, 135, 141], [196, 156, 158], [205, 173, 163], [190, 200, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D47A83, #D2878D, #C49C9E, #CDADA3, #BEC8BA 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: #d47a83; --color-2: #d2878d; --color-3: #c49c9e; --color-4: #cdada3; --color-5: #bec8ba. 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