#C87B86 + #DAB485 + #EACCB2 + #F2DCCD + #C79A9F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C87B86

Peach Pink · LightCoral · Coral Red

HEX

#C87B86

RGB

rgb(200, 123, 134)

HSL

hsl(351, 41%, 63%)

HSB

hsb(351, 39%, 78%)

CMYK

cmyk(0%, 38%, 33%, 22%)

Oklch

oklch(66.8% 0.097 10.8)

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

#DAB485

Ginger · BurlyWood · Warm Sun

HEX

#DAB485

RGB

rgb(218, 180, 133)

HSL

hsl(33, 53%, 69%)

HSB

hsb(33, 39%, 85%)

CMYK

cmyk(0%, 17%, 39%, 15%)

Oklch

oklch(79.2% 0.076 72.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#EACCB2

Apricot · Wheat · Peach Orange

HEX

#EACCB2

RGB

rgb(234, 204, 178)

HSL

hsl(28, 57%, 81%)

HSB

hsb(28, 24%, 92%)

CMYK

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

Oklch

oklch(86.4% 0.049 63.0)

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

#F2DCCD

Apricot · Bisque · Peach Orange

HEX

#F2DCCD

RGB

rgb(242, 220, 205)

HSL

hsl(24, 59%, 88%)

HSB

hsb(24, 15%, 95%)

CMYK

cmyk(0%, 9%, 15%, 5%)

Oklch

oklch(90.8% 0.032 56.6)

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

#C79A9F

Peach Pink · Tan · Coral Red

HEX

#C79A9F

RGB

rgb(199, 154, 159)

HSL

hsl(353, 29%, 69%)

HSB

hsb(353, 23%, 78%)

CMYK

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

Oklch

oklch(72.9% 0.054 11.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C87B86

7AC7BC

Analogous

C77AAC

C87B86

C7957A

Triadic

C87B86

86C77A

7A86C7

Split-Comp.

C87B86

7AC795

7AACC7

Tetradic

C87B86

ACC77A

7AC7BC

957AC7

Contrast Matrix WCAG 2.1 Contrast

C87B86	DAB485	EACCB2	F2DCCD	C79A9F
—	1.6 Fail	2.1 Fail	2.4 Fail	1.3 Fail
1.6 Fail	—	1.3 Fail	1.5 Fail	1.3 Fail
2.1 Fail	1.3 Fail	—	1.2 Fail	1.6 Fail
2.4 Fail	1.5 Fail	1.2 Fail	—	1.9 Fail
1.3 Fail	1.3 Fail	1.6 Fail	1.9 Fail	—

White BG

3.2AA Large

1.9Fail

1.5Fail

1.3Fail

2.5Fail

Black BG

6.6AA

10.8AAA

13.8AAA

15.9AAA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A683

CAC990

DDDDB8

E8E8D1

B4B39E

Deuteranopia

ABB183

CCCF93

DFE1BA

EAEBD2

B6B99E

Tritanopia

C48181

D8999B

E8BDBE

F1D3D4

C59D9D

Achromatopsia

939393

BABABA

D2D2D2

E1E1E1

A8A8A8

Shades & Tints Shades & Tints

#C87B86

Dark

Light

#DAB485

Dark

Light

#EACCB2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c87b86;
  --color-2: #dab485;
  --color-3: #eaccb2;
  --color-4: #f2dccd;
  --color-5: #c79a9f;
}

SCSS

$color-1: #c87b86;
$color-2: #dab485;
$color-3: #eaccb2;
$color-4: #f2dccd;
$color-5: #c79a9f;

TAILWIND

colors: {
  'brand-1': '#c87b86',
  'brand-2': '#dab485',
  'brand-3': '#eaccb2',
  'brand-4': '#f2dccd',
  'brand-5': '#c79a9f',
}

RGB Array

[200, 123, 134], [218, 180, 133], [234, 204, 178], [242, 220, 205], [199, 154, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C87B86, #DAB485, #EACCB2, #F2DCCD, #C79A9F 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: #c87b86; --color-2: #dab485; --color-3: #eaccb2; --color-4: #f2dccd; --color-5: #c79a9f. 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