#D7C1AD + #EDD4BB + #E0A08B + #CA8285 + #955E75 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7C1AD

Apricot · Silver · Peach Orange

HEX

#D7C1AD

RGB

rgb(215, 193, 173)

HSL

hsl(29, 34%, 76%)

HSB

hsb(29, 20%, 84%)

CMYK

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

Oklch

oklch(82.4% 0.037 64.6)

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

#EDD4BB

Goose Yellow · Wheat · Peach Orange

HEX

#EDD4BB

RGB

rgb(237, 212, 187)

HSL

hsl(30, 58%, 83%)

HSB

hsb(30, 21%, 93%)

CMYK

cmyk(0%, 11%, 21%, 7%)

Oklch

oklch(88.4% 0.044 67.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E0A08B

Apricot · DarkSalmon · Warm Sun

HEX

#E0A08B

RGB

rgb(224, 160, 139)

HSL

hsl(15, 58%, 71%)

HSB

hsb(15, 38%, 88%)

CMYK

cmyk(0%, 29%, 38%, 12%)

Oklch

oklch(76.2% 0.082 38.9)

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

#CA8285

Peach Pink · LightCoral · Coral Red

HEX

#CA8285

RGB

rgb(202, 130, 133)

HSL

hsl(357, 40%, 65%)

HSB

hsb(357, 36%, 79%)

CMYK

cmyk(0%, 36%, 34%, 21%)

Oklch

oklch(68.2% 0.089 17.0)

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

#955E75

Dark Violet · Gray · Camellia

HEX

#955E75

RGB

rgb(149, 94, 117)

HSL

hsl(335, 23%, 48%)

HSB

hsb(335, 37%, 58%)

CMYK

cmyk(0%, 37%, 21%, 42%)

Oklch

oklch(54.9% 0.078 353.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7C1AD

ADC2D7

Analogous

D7ADAE

D7C1AD

D7D6AD

Triadic

D7C1AD

ADD7C1

C1ADD7

Split-Comp.

D7C1AD

ADD7D6

ADAED7

Tetradic

D7C1AD

AED7AD

ADC2D7

D6ADD7

Contrast Matrix WCAG 2.1 Contrast

D7C1AD	EDD4BB	E0A08B	CA8285	955E75
—	1.2 Fail	1.3 Fail	1.7 Fail	2.9 Fail
1.2 Fail	—	1.5 Fail	2.1 Fail	3.6 AA Large
1.3 Fail	1.5 Fail	—	1.4 Fail	2.3 Fail
1.7 Fail	2.1 Fail	1.4 Fail	—	1.7 Fail
2.9 Fail	3.6 AA Large	2.3 Fail	1.7 Fail	—

White BG

1.7Fail

1.4Fail

2.2Fail

3.0Fail

5.1AA

Black BG

12.1AAA

14.7AAA

9.6AAA

7.0AAA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDB2

E2E2C1

C4C490

ABAA84

7D7D6F

Deuteranopia

CFD0B3

E4E5C3

C8CD91

AFB484

80856E

Tritanopia

D6B6B7

ECC6C7

DD9495

C68484

926B6A

Achromatopsia

C5C5C5

D9D9D9

B1B1B1

989898

717171

Shades & Tints Shades & Tints

#D7C1AD

Dark

Light

#EDD4BB

Dark

Light

#E0A08B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7c1ad;
  --color-2: #edd4bb;
  --color-3: #e0a08b;
  --color-4: #ca8285;
  --color-5: #955e75;
}

SCSS

$color-1: #d7c1ad;
$color-2: #edd4bb;
$color-3: #e0a08b;
$color-4: #ca8285;
$color-5: #955e75;

TAILWIND

colors: {
  'brand-1': '#d7c1ad',
  'brand-2': '#edd4bb',
  'brand-3': '#e0a08b',
  'brand-4': '#ca8285',
  'brand-5': '#955e75',
}

RGB Array

[215, 193, 173], [237, 212, 187], [224, 160, 139], [202, 130, 133], [149, 94, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7C1AD, #EDD4BB, #E0A08B, #CA8285, #955E75 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: #d7c1ad; --color-2: #edd4bb; --color-3: #e0a08b; --color-4: #ca8285; --color-5: #955e75. 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