← Back to Editor

#A39394 · #B59CA2 · #CDA5A6 · #D9ACA7 · #E8CCB6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A39394

Peach Pink · DarkGray · Silver Sand

HEX
#A39394
RGB
rgb(163, 147, 148)
HSL
hsl(356, 8%, 61%)
HSB
hsb(356, 10%, 64%)
CMYK
cmyk(0%, 10%, 9%, 36%)
Oklch
oklch(67.8% 0.019 13.3)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#B59CA2

Peach Pink · DarkGray · Coral Red

HEX
#B59CA2
RGB
rgb(181, 156, 162)
HSL
hsl(346, 14%, 66%)
HSB
hsb(346, 14%, 71%)
CMYK
cmyk(0%, 14%, 10%, 29%)
Oklch
oklch(71.7% 0.031 1.7)

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

#CDA5A6

Peach Pink · Tan · Coral Red

HEX
#CDA5A6
RGB
rgb(205, 165, 166)
HSL
hsl(358, 29%, 73%)
HSB
hsb(358, 20%, 80%)
CMYK
cmyk(0%, 20%, 19%, 20%)
Oklch
oklch(75.8% 0.047 16.6)

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

#D9ACA7

Peach Pink · Tan · Coral Red

HEX
#D9ACA7
RGB
rgb(217, 172, 167)
HSL
hsl(6, 40%, 75%)
HSB
hsb(6, 23%, 85%)
CMYK
cmyk(0%, 21%, 23%, 15%)
Oklch
oklch(78.4% 0.053 25.7)

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

#E8CCB6

Apricot · Wheat · Peach Orange

HEX
#E8CCB6
RGB
rgb(232, 204, 182)
HSL
hsl(26, 52%, 81%)
HSB
hsb(26, 22%, 91%)
CMYK
cmyk(0%, 12%, 22%, 9%)
Oklch
oklch(86.3% 0.043 60.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39394
94A4A2

Analogous

A4949D
A39394
A49A94

Triadic

A39394
95A494
9495A4

Split-Comp.

A39394
94A49A
949DA4

Tetradic

A39394
9DA494
94A4A2
9A94A4

Contrast Matrix WCAG 2.1 Contrast

A39394
B59CA2
CDA5A6
D9ACA7
E8CCB6
—
1.2
Fail
1.3
Fail
1.5
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
1.4
Fail
1.3
Fail
—
White BG
2.9Fail
2.5Fail
2.2Fail
2.0Fail
1.5Fail
Black BG
7.2AAA
8.2AAA
9.5AAA
10.4AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C94
AAAAA1
BCBBA6
C6C5A8
DCDCBB

Deuteranopia

9D9E94
ACAEA0
BEC1A6
C8CBA9
DEE0BD

Tritanopia

A29494
B49F9F
CBA6A6
D7A9A9
E7C0C0

Achromatopsia

989898
A4A4A4
B1B1B1
B9B9B9
D2D2D2

Shades & Tints Shades & Tints

#A39394

Dark
Light

#B59CA2

Dark
Light

#CDA5A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39394;
  --color-2: #b59ca2;
  --color-3: #cda5a6;
  --color-4: #d9aca7;
  --color-5: #e8ccb6;
}

SCSS

$color-1: #a39394;
$color-2: #b59ca2;
$color-3: #cda5a6;
$color-4: #d9aca7;
$color-5: #e8ccb6;

TAILWIND

colors: {
  'brand-1': '#a39394',
  'brand-2': '#b59ca2',
  'brand-3': '#cda5a6',
  'brand-4': '#d9aca7',
  'brand-5': '#e8ccb6',
}

RGB Array

[163, 147, 148], [181, 156, 162], [205, 165, 166], [217, 172, 167], [232, 204, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A39394, #B59CA2, #CDA5A6, #D9ACA7, #E8CCB6 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: #a39394; --color-2: #b59ca2; --color-3: #cda5a6; --color-4: #d9aca7; --color-5: #e8ccb6. 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