#8D6A80 + #ECABA9 + #D9CABE + #C9D9CC + #C3EAD5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8D6A80

Rose Purple · Gray · Camellia

HEX

#8D6A80

RGB

rgb(141, 106, 128)

HSL

hsl(322, 14%, 48%)

HSB

hsb(322, 25%, 55%)

CMYK

cmyk(0%, 25%, 9%, 45%)

Oklch

oklch(56.7% 0.054 340.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#ECABA9

Peach Pink · LightPink · Coral Red

HEX

#ECABA9

RGB

rgb(236, 171, 169)

HSL

hsl(2, 64%, 79%)

HSB

hsb(2, 28%, 93%)

CMYK

cmyk(0%, 28%, 28%, 7%)

Oklch

oklch(80.2% 0.077 20.9)

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

#D9CABE

Apricot · LightGray · Peach Orange

HEX

#D9CABE

RGB

rgb(217, 202, 190)

HSL

hsl(27, 26%, 80%)

HSB

hsb(27, 12%, 85%)

CMYK

cmyk(0%, 7%, 12%, 15%)

Oklch

oklch(84.8% 0.024 61.2)

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

#C9D9CC

Celadon · LightGray · Mint Green

HEX

#C9D9CC

RGB

rgb(201, 217, 204)

HSL

hsl(131, 17%, 82%)

HSB

hsb(131, 7%, 85%)

CMYK

cmyk(7%, 0%, 6%, 15%)

Oklch

oklch(87.0% 0.025 151.1)

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

#C3EAD5

Celadon · LightGray · Mint Green

HEX

#C3EAD5

RGB

rgb(195, 234, 213)

HSL

hsl(148, 48%, 84%)

HSB

hsb(148, 17%, 92%)

CMYK

cmyk(17%, 0%, 9%, 8%)

Oklch

oklch(90.3% 0.050 161.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D6A80

698C76

Analogous

87698C

8D6A80

8C696E

Triadic

8D6A80

7F8C69

697F8C

Split-Comp.

8D6A80

6E8C69

698C87

Tetradic

8D6A80

8C8769

698C76

696E8C

Contrast Matrix WCAG 2.1 Contrast

8D6A80	ECABA9	D9CABE	C9D9CC	C3EAD5
—	2.4 Fail	2.9 Fail	3.2 AA Large	3.6 AA Large
2.4 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
2.9 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
3.2 AA Large	1.3 Fail	1.1 Fail	—	1.1 Fail
3.6 AA Large	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

4.7AA

1.9Fail

1.6Fail

1.5Fail

1.3Fail

Black BG

4.5AA

11.0AAA

13.1AAA

14.3AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E7B

D0CFA9

D3D2C1

D0D0CF

D4D4DA

Deuteranopia

808379

D4D9AA

D3D4C2

CFCED0

D2CFDB

Tritanopia

8B7676

E9AAAA

D8C3C4

CAD2D2

C5DEDF

Achromatopsia

777777

BEBEBE

CDCDCD

D3D3D3

DCDCDC

Shades & Tints Shades & Tints

#8D6A80

Dark

Light

#ECABA9

Dark

Light

#D9CABE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d6a80;
  --color-2: #ecaba9;
  --color-3: #d9cabe;
  --color-4: #c9d9cc;
  --color-5: #c3ead5;
}

SCSS

$color-1: #8d6a80;
$color-2: #ecaba9;
$color-3: #d9cabe;
$color-4: #c9d9cc;
$color-5: #c3ead5;

TAILWIND

colors: {
  'brand-1': '#8d6a80',
  'brand-2': '#ecaba9',
  'brand-3': '#d9cabe',
  'brand-4': '#c9d9cc',
  'brand-5': '#c3ead5',
}

RGB Array

[141, 106, 128], [236, 171, 169], [217, 202, 190], [201, 217, 204], [195, 234, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D6A80, #ECABA9, #D9CABE, #C9D9CC, #C3EAD5 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: #8d6a80; --color-2: #ecaba9; --color-3: #d9cabe; --color-4: #c9d9cc; --color-5: #c3ead5. 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