#DCC3B0 + #DBC6B5 + #DAC8BA + #D9CBBE + #D8CDC3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DCC3B0

Apricot · Silver · Peach Orange

HEX

#DCC3B0

RGB

rgb(220, 195, 176)

HSL

hsl(26, 39%, 78%)

HSB

hsb(26, 20%, 86%)

CMYK

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

Oklch

oklch(83.3% 0.039 59.5)

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

#DBC6B5

Apricot · Silver · Peach Orange

HEX

#DBC6B5

RGB

rgb(219, 198, 181)

HSL

hsl(27, 35%, 78%)

HSB

hsb(27, 17%, 86%)

CMYK

cmyk(0%, 10%, 17%, 14%)

Oklch

oklch(83.9% 0.033 61.3)

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

#DAC8BA

Apricot · Silver · Peach Orange

HEX

#DAC8BA

RGB

rgb(218, 200, 186)

HSL

hsl(26, 30%, 79%)

HSB

hsb(26, 15%, 85%)

CMYK

cmyk(0%, 8%, 15%, 15%)

Oklch

oklch(84.4% 0.028 60.3)

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

#D9CBBE

Apricot · LightGray · Peach Orange

HEX

#D9CBBE

RGB

rgb(217, 203, 190)

HSL

hsl(29, 26%, 80%)

HSB

hsb(29, 12%, 85%)

CMYK

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

Oklch

oklch(85.0% 0.024 65.4)

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

#D8CDC3

Apricot · LightGray · Peach Orange

HEX

#D8CDC3

RGB

rgb(216, 205, 195)

HSL

hsl(29, 21%, 81%)

HSB

hsb(29, 10%, 85%)

CMYK

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

Oklch

oklch(85.4% 0.018 64.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCC3B0

B1CADD

Analogous

DDB1B4

DCC3B0

DDDAB1

Triadic

DCC3B0

B1DDC4

C4B1DD

Split-Comp.

DCC3B0

B1DDDA

B1B4DD

Tetradic

DCC3B0

B4DDB1

B1CADD

DAB1DD

Contrast Matrix WCAG 2.1 Contrast

DCC3B0	DBC6B5	DAC8BA	D9CBBE	D8CDC3
—	1.0 Fail	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.7Fail

1.6Fail

Black BG

12.5AAA

12.8AAA

13.0AAA

13.2AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B5

D2D2B9

D2D2BD

D3D3C1

D3D3C5

Deuteranopia

D3D5B6

D3D5BA

D3D5BE

D4D5C2

D4D5C6

Tritanopia

DBB8B9

DABCBD

D9C0C1

D8C4C4

D7C7C8

Achromatopsia

C8C8C8

CACACA

CCCCCC

CECECE

CFCFCF

Shades & Tints Shades & Tints

#DCC3B0

Dark

Light

#DBC6B5

Dark

Light

#DAC8BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcc3b0;
  --color-2: #dbc6b5;
  --color-3: #dac8ba;
  --color-4: #d9cbbe;
  --color-5: #d8cdc3;
}

SCSS

$color-1: #dcc3b0;
$color-2: #dbc6b5;
$color-3: #dac8ba;
$color-4: #d9cbbe;
$color-5: #d8cdc3;

TAILWIND

colors: {
  'brand-1': '#dcc3b0',
  'brand-2': '#dbc6b5',
  'brand-3': '#dac8ba',
  'brand-4': '#d9cbbe',
  'brand-5': '#d8cdc3',
}

RGB Array

[220, 195, 176], [219, 198, 181], [218, 200, 186], [217, 203, 190], [216, 205, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCC3B0, #DBC6B5, #DAC8BA, #D9CBBE, #D8CDC3 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: #dcc3b0; --color-2: #dbc6b5; --color-3: #dac8ba; --color-4: #d9cbbe; --color-5: #d8cdc3. 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