← Back to Editor

#D4CBBA · #D8C5B7 · #5A617D · #D6CAB0 · #D5C4BC

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4CBBA

Goose Yellow · Silver · Peach Orange

HEX
#D4CBBA
RGB
rgb(212, 203, 186)
HSL
hsl(39, 23%, 78%)
HSB
hsb(39, 12%, 83%)
CMYK
cmyk(0%, 4%, 12%, 17%)
Oklch
oklch(84.5% 0.025 83.4)

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

#D8C5B7

Apricot · Silver · Peach Orange

HEX
#D8C5B7
RGB
rgb(216, 197, 183)
HSL
hsl(25, 30%, 78%)
HSB
hsb(25, 15%, 85%)
CMYK
cmyk(0%, 9%, 15%, 15%)
Oklch
oklch(83.5% 0.029 58.8)

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

#5A617D

Indigo · DimGray · Navy Blue

HEX
#5A617D
RGB
rgb(90, 97, 125)
HSL
hsl(228, 16%, 42%)
HSB
hsb(228, 28%, 49%)
CMYK
cmyk(28%, 22%, 0%, 51%)
Oklch
oklch(49.7% 0.046 273.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#D6CAB0

Goose Yellow · Silver · Lemon Cream

HEX
#D6CAB0
RGB
rgb(214, 202, 176)
HSL
hsl(41, 32%, 76%)
HSB
hsb(41, 18%, 84%)
CMYK
cmyk(0%, 6%, 18%, 16%)
Oklch
oklch(84.2% 0.038 86.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D5C4BC

Apricot · Silver · Peach Orange

HEX
#D5C4BC
RGB
rgb(213, 196, 188)
HSL
hsl(19, 23%, 79%)
HSB
hsb(19, 12%, 84%)
CMYK
cmyk(0%, 8%, 12%, 16%)
Oklch
oklch(83.2% 0.022 46.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4CBBA
BAC3D4

Analogous

D4BEBA
D4CBBA
D0D4BA

Triadic

D4CBBA
BAD4CB
CBBAD4

Split-Comp.

D4CBBA
BAD0D4
BEBAD4

Tetradic

D4CBBA
BAD4BE
BAC3D4
D4BAD0

Contrast Matrix WCAG 2.1 Contrast

D4CBBA
D8C5B7
5A617D
D6CAB0
D5C4BC
—
1.0
Fail
3.8
AA Large
1.0
Fail
1.0
Fail
1.0
Fail
—
3.7
AA Large
1.0
Fail
1.0
Fail
3.8
AA Large
3.7
AA Large
—
3.8
AA Large
3.6
AA Large
1.0
Fail
1.0
Fail
3.8
AA Large
—
1.0
Fail
1.0
Fail
1.0
Fail
3.6
AA Large
1.0
Fail
—
White BG
1.6Fail
1.7Fail
6.1AA
1.6Fail
1.7Fail
Black BG
13.1AAA
12.6AAA
3.4AA Large
12.9AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0BE
D0D0BA
5D5D76
D1D1B6
CECDBE

Deuteranopia

D1D1BF
D1D2BB
5D5C75
D2D2B8
CFD0BE

Tritanopia

D4C1C2
D7BDBE
5A7170
D5BBBC
D4BFC0

Achromatopsia

CCCCCC
C9C9C9
626262
CBCBCB
C8C8C8

Shades & Tints Shades & Tints

#D4CBBA

Dark
Light

#D8C5B7

Dark
Light

#5A617D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4cbba;
  --color-2: #d8c5b7;
  --color-3: #5a617d;
  --color-4: #d6cab0;
  --color-5: #d5c4bc;
}

SCSS

$color-1: #d4cbba;
$color-2: #d8c5b7;
$color-3: #5a617d;
$color-4: #d6cab0;
$color-5: #d5c4bc;

TAILWIND

colors: {
  'brand-1': '#d4cbba',
  'brand-2': '#d8c5b7',
  'brand-3': '#5a617d',
  'brand-4': '#d6cab0',
  'brand-5': '#d5c4bc',
}

RGB Array

[212, 203, 186], [216, 197, 183], [90, 97, 125], [214, 202, 176], [213, 196, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4CBBA, #D8C5B7, #5A617D, #D6CAB0, #D5C4BC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d4cbba; --color-2: #d8c5b7; --color-3: #5a617d; --color-4: #d6cab0; --color-5: #d5c4bc. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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