← Back to Editor

#D5A59B · #E9D5CC · #DBD2CD · #938884 · #62606B

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

WorkspaceReadingData Visualization

Color Details Color Details

#D5A59B

Peach Pink · Tan · Coral Red

HEX
#D5A59B
RGB
rgb(213, 165, 155)
HSL
hsl(10, 41%, 72%)
HSB
hsb(10, 27%, 84%)
CMYK
cmyk(0%, 23%, 27%, 16%)
Oklch
oklch(76.3% 0.059 31.9)

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

#E9D5CC

Apricot · LightGray · Peach Orange

HEX
#E9D5CC
RGB
rgb(233, 213, 204)
HSL
hsl(19, 40%, 86%)
HSB
hsb(19, 12%, 91%)
CMYK
cmyk(0%, 9%, 12%, 9%)
Oklch
oklch(88.7% 0.025 45.9)

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

#DBD2CD

Apricot · LightGray · Peach Orange

HEX
#DBD2CD
RGB
rgb(219, 210, 205)
HSL
hsl(21, 16%, 83%)
HSB
hsb(21, 6%, 86%)
CMYK
cmyk(0%, 4%, 6%, 14%)
Oklch
oklch(87.0% 0.012 51.3)

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

#938884

Ash · Gray · Warm Gray

HEX
#938884
RGB
rgb(147, 136, 132)
HSL
hsl(16, 6%, 55%)
HSB
hsb(16, 10%, 58%)
CMYK
cmyk(0%, 7%, 10%, 42%)
Oklch
oklch(63.5% 0.015 41.1)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#62606B

Ink Gray · DimGray · Charcoal

HEX
#62606B
RGB
rgb(98, 96, 107)
HSL
hsl(251, 5%, 40%)
HSB
hsb(251, 10%, 42%)
CMYK
cmyk(8%, 10%, 0%, 58%)
Oklch
oklch(49.5% 0.017 294.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5A59B
9ACBD5

Analogous

D59AAE
D5A59B
D5C19A

Triadic

D5A59B
9AD5A4
A49AD5

Split-Comp.

D5A59B
9AD5C1
9AAED5

Tetradic

D5A59B
AED59A
9ACBD5
C19AD5

Contrast Matrix WCAG 2.1 Contrast

D5A59B
E9D5CC
DBD2CD
938884
62606B
—
1.5
Fail
1.5
Fail
1.6
Fail
2.8
Fail
1.5
Fail
—
1.1
Fail
2.4
Fail
4.4
AA Large
1.5
Fail
1.1
Fail
—
2.3
Fail
4.1
AA Large
1.6
Fail
2.4
Fail
2.3
Fail
—
1.8
Fail
2.8
Fail
4.4
AA Large
4.1
AA Large
1.8
Fail
—
White BG
2.2Fail
1.4Fail
1.5Fail
3.4AA Large
6.2AA
Black BG
9.7AAA
14.9AAA
14.1AAA
6.1AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C09D
E0E0CE
D7D7CE
8E8E85
616168

Deuteranopia

C3C79E
E2E3CF
D8D8CF
8F9085
616168

Tritanopia

D39FA0
E8D0D0
DBCFCF
928686
626666

Achromatopsia

B2B2B2
DADADA
D4D4D4
8B8B8B
626262

Shades & Tints Shades & Tints

#D5A59B

Dark
Light

#E9D5CC

Dark
Light

#DBD2CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5a59b;
  --color-2: #e9d5cc;
  --color-3: #dbd2cd;
  --color-4: #938884;
  --color-5: #62606b;
}

SCSS

$color-1: #d5a59b;
$color-2: #e9d5cc;
$color-3: #dbd2cd;
$color-4: #938884;
$color-5: #62606b;

TAILWIND

colors: {
  'brand-1': '#d5a59b',
  'brand-2': '#e9d5cc',
  'brand-3': '#dbd2cd',
  'brand-4': '#938884',
  'brand-5': '#62606b',
}

RGB Array

[213, 165, 155], [233, 213, 204], [219, 210, 205], [147, 136, 132], [98, 96, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5A59B, #E9D5CC, #DBD2CD, #938884, #62606B is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d5a59b; --color-2: #e9d5cc; --color-3: #dbd2cd; --color-4: #938884; --color-5: #62606b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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