← Back to Editor

#DDC0AF · #D9B3B1 · #D4A5B2 · #A7A2B2 · #859FAB

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

#DDC0AF

Apricot · Silver · Peach Orange

HEX
#DDC0AF
RGB
rgb(221, 192, 175)
HSL
hsl(22, 40%, 78%)
HSB
hsb(22, 21%, 87%)
CMYK
cmyk(0%, 13%, 21%, 13%)
Oklch
oklch(82.8% 0.041 52.3)

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

#D9B3B1

Peach Pink · Silver · Coral Red

HEX
#D9B3B1
RGB
rgb(217, 179, 177)
HSL
hsl(3, 34%, 77%)
HSB
hsb(3, 18%, 85%)
CMYK
cmyk(0%, 18%, 18%, 15%)
Oklch
oklch(80.0% 0.044 21.7)

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

#D4A5B2

Rouge · Silver · Rose Pink

HEX
#D4A5B2
RGB
rgb(212, 165, 178)
HSL
hsl(343, 35%, 74%)
HSB
hsb(343, 22%, 83%)
CMYK
cmyk(0%, 22%, 16%, 17%)
Oklch
oklch(76.9% 0.058 0.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A7A2B2

Wisteria · DarkGray · Silver Sand

HEX
#A7A2B2
RGB
rgb(167, 162, 178)
HSL
hsl(259, 9%, 67%)
HSB
hsb(259, 9%, 70%)
CMYK
cmyk(6%, 9%, 0%, 30%)
Oklch
oklch(72.1% 0.024 300.0)

Traditional「Wisteria」· Paint「Silver Sand」· Creative Urban Concrete

#859FAB

Slate Blue · LightSlateGray · Lake Green

HEX
#859FAB
RGB
rgb(133, 159, 171)
HSL
hsl(199, 18%, 60%)
HSB
hsb(199, 22%, 67%)
CMYK
cmyk(22%, 7%, 0%, 33%)
Oklch
oklch(68.7% 0.034 227.5)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDC0AF
B0CDDD

Analogous

DDB0B6
DDC0AF
DDD7B0

Triadic

DDC0AF
B0DDC1
C1B0DD

Split-Comp.

DDC0AF
B0DDD7
B0B6DD

Tetradic

DDC0AF
B6DDB0
B0CDDD
D7B0DD

Contrast Matrix WCAG 2.1 Contrast

DDC0AF
D9B3B1
D4A5B2
A7A2B2
859FAB
—
1.1
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
1.7Fail
1.9Fail
2.1Fail
2.5Fail
2.8Fail
Black BG
12.2AAA
11.0AAA
9.8AAA
8.5AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0B3
C9C8B1
C0BFAF
A5A5AE
9090A8

Deuteranopia

D2D4B4
CBCEB2
C2C6AE
A5A6AD
8F8DA7

Tritanopia

DCB6B7
D7B2B2
D2ACAC
A7ABAA
86A6A5

Achromatopsia

C7C7C7
BEBEBE
B5B5B5
A5A5A5
999999

Shades & Tints Shades & Tints

#DDC0AF

Dark
Light

#D9B3B1

Dark
Light

#D4A5B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddc0af;
  --color-2: #d9b3b1;
  --color-3: #d4a5b2;
  --color-4: #a7a2b2;
  --color-5: #859fab;
}

SCSS

$color-1: #ddc0af;
$color-2: #d9b3b1;
$color-3: #d4a5b2;
$color-4: #a7a2b2;
$color-5: #859fab;

TAILWIND

colors: {
  'brand-1': '#ddc0af',
  'brand-2': '#d9b3b1',
  'brand-3': '#d4a5b2',
  'brand-4': '#a7a2b2',
  'brand-5': '#859fab',
}

RGB Array

[221, 192, 175], [217, 179, 177], [212, 165, 178], [167, 162, 178], [133, 159, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDC0AF, #D9B3B1, #D4A5B2, #A7A2B2, #859FAB 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: #ddc0af; --color-2: #d9b3b1; --color-3: #d4a5b2; --color-4: #a7a2b2; --color-5: #859fab. 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