#D6C7BD + #EFCDB2 + #EDC3B3 + #E4B4B7 + #D8ABA5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6C7BD

Apricot · Silver · Peach Orange

HEX

#D6C7BD

RGB

rgb(214, 199, 189)

HSL

hsl(24, 23%, 79%)

HSB

hsb(24, 12%, 84%)

CMYK

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

Oklch

oklch(83.9% 0.022 56.1)

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

#EFCDB2

Apricot · Wheat · Peach Orange

HEX

#EFCDB2

RGB

rgb(239, 205, 178)

HSL

hsl(27, 66%, 82%)

HSB

hsb(27, 26%, 94%)

CMYK

cmyk(0%, 14%, 26%, 6%)

Oklch

oklch(87.0% 0.053 60.5)

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

#EDC3B3

Apricot · LightPink · Peach Orange

HEX

#EDC3B3

RGB

rgb(237, 195, 179)

HSL

hsl(17, 62%, 82%)

HSB

hsb(17, 24%, 93%)

CMYK

cmyk(0%, 18%, 24%, 7%)

Oklch

oklch(85.0% 0.053 41.9)

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

#E4B4B7

Peach Pink · LightPink · Coral Red

HEX

#E4B4B7

RGB

rgb(228, 180, 183)

HSL

hsl(356, 47%, 80%)

HSB

hsb(356, 21%, 89%)

CMYK

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

Oklch

oklch(81.4% 0.056 14.2)

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

#D8ABA5

Peach Pink · Tan · Coral Red

HEX

#D8ABA5

RGB

rgb(216, 171, 165)

HSL

hsl(7, 40%, 75%)

HSB

hsb(7, 24%, 85%)

CMYK

cmyk(0%, 21%, 24%, 15%)

Oklch

oklch(78.0% 0.054 27.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C7BD

BDCCD6

Analogous

D6BDC0

D6C7BD

D6D3BD

Triadic

D6C7BD

BDD6C7

C7BDD6

Split-Comp.

D6C7BD

BDD6D3

BDC0D6

Tetradic

D6C7BD

C0D6BD

BDCCD6

D3BDD6

Contrast Matrix WCAG 2.1 Contrast

D6C7BD	EFCDB2	EDC3B3	E4B4B7	D8ABA5
—	1.1 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

1.5Fail

1.6Fail

1.8Fail

2.0Fail

Black BG

12.8AAA

14.0AAA

13.1AAA

11.5AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFBF

E0E0B9

DBDAB7

CFCFB6

C5C4A6

Deuteranopia

D0D1C0

E2E5BA

DDE0B8

D2D6B6

C7CBA7

Tritanopia

D5C1C2

EDBEBF

EBBABB

E2B6B6

D6A8A8

Achromatopsia

CACACA

D4D4D4

CECECE

C3C3C3

B8B8B8

Shades & Tints Shades & Tints

#D6C7BD

Dark

Light

#EFCDB2

Dark

Light

#EDC3B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c7bd;
  --color-2: #efcdb2;
  --color-3: #edc3b3;
  --color-4: #e4b4b7;
  --color-5: #d8aba5;
}

SCSS

$color-1: #d6c7bd;
$color-2: #efcdb2;
$color-3: #edc3b3;
$color-4: #e4b4b7;
$color-5: #d8aba5;

TAILWIND

colors: {
  'brand-1': '#d6c7bd',
  'brand-2': '#efcdb2',
  'brand-3': '#edc3b3',
  'brand-4': '#e4b4b7',
  'brand-5': '#d8aba5',
}

RGB Array

[214, 199, 189], [239, 205, 178], [237, 195, 179], [228, 180, 183], [216, 171, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C7BD, #EFCDB2, #EDC3B3, #E4B4B7, #D8ABA5 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: #d6c7bd; --color-2: #efcdb2; --color-3: #edc3b3; --color-4: #e4b4b7; --color-5: #d8aba5. 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