← Back to Editor

#DFD4C5 · #EBEAB2 · #AB958D · #814B6D · #402452

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DFD4C5

Goose Yellow · LightGray · Peach Orange

HEX
#DFD4C5
RGB
rgb(223, 212, 197)
HSL
hsl(35, 29%, 82%)
HSB
hsb(35, 12%, 87%)
CMYK
cmyk(0%, 5%, 12%, 13%)
Oklch
oklch(87.5% 0.024 75.8)

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

#EBEAB2

Fresh Green · Wheat · Lemon Cream

HEX
#EBEAB2
RGB
rgb(235, 234, 178)
HSL
hsl(59, 59%, 81%)
HSB
hsb(59, 24%, 92%)
CMYK
cmyk(0%, 0%, 24%, 8%)
Oklch
oklch(92.4% 0.072 106.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#AB958D

Apricot · DarkGray · Warm Sun

HEX
#AB958D
RGB
rgb(171, 149, 141)
HSL
hsl(16, 15%, 61%)
HSB
hsb(16, 18%, 67%)
CMYK
cmyk(0%, 13%, 18%, 33%)
Oklch
oklch(68.7% 0.029 41.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#814B6D

Rose Purple · DimGray · Camellia

HEX
#814B6D
RGB
rgb(129, 75, 109)
HSL
hsl(322, 26%, 40%)
HSB
hsb(322, 42%, 51%)
CMYK
cmyk(0%, 42%, 16%, 49%)
Oklch
oklch(48.7% 0.086 342.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#402452

Dark Plum · DarkSlateGray · Eggplant

HEX
#402452
RGB
rgb(64, 36, 82)
HSL
hsl(277, 39%, 23%)
HSB
hsb(277, 56%, 32%)
CMYK
cmyk(22%, 56%, 0%, 68%)
Oklch
oklch(31.9% 0.085 310.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD4C5
C4CFDE

Analogous

DEC6C4
DFD4C5
DCDEC4

Triadic

DFD4C5
C4DED3
D3C4DE

Split-Comp.

DFD4C5
C4DCDE
C6C4DE

Tetradic

DFD4C5
C4DEC6
C4CFDE
DEC4DC

Contrast Matrix WCAG 2.1 Contrast

DFD4C5
EBEAB2
AB958D
814B6D
402452
—
1.2
Fail
1.9
Fail
4.5
AA
9.0
AAA
1.2
Fail
—
2.3
Fail
5.4
AA
10.6
AAA
1.9
Fail
2.3
Fail
—
2.3
Fail
4.7
AA
4.5
AA
5.4
AA
2.3
Fail
—
2.0
Fail
9.0
AAA
10.6
AAA
4.7
AA
2.0
Fail
—
White BG
1.5Fail
1.2Fail
2.8Fail
6.6AA
13.2AAA
Black BG
14.4AAA
16.9AAA
7.4AAA
3.2AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC9
EBEBC0
A1A18F
6A6965
343447

Deuteranopia

DBDCC9
EBEBC3
A3A48F
6D7163
363844

Tritanopia

DECBCC
EBCACD
AA9091
7E5E5D
3F3E3C

Achromatopsia

D6D6D6
E4E4E4
9B9B9B
5F5F5F
323232

Shades & Tints Shades & Tints

#DFD4C5

Dark
Light

#EBEAB2

Dark
Light

#AB958D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd4c5;
  --color-2: #ebeab2;
  --color-3: #ab958d;
  --color-4: #814b6d;
  --color-5: #402452;
}

SCSS

$color-1: #dfd4c5;
$color-2: #ebeab2;
$color-3: #ab958d;
$color-4: #814b6d;
$color-5: #402452;

TAILWIND

colors: {
  'brand-1': '#dfd4c5',
  'brand-2': '#ebeab2',
  'brand-3': '#ab958d',
  'brand-4': '#814b6d',
  'brand-5': '#402452',
}

RGB Array

[223, 212, 197], [235, 234, 178], [171, 149, 141], [129, 75, 109], [64, 36, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFD4C5, #EBEAB2, #AB958D, #814B6D, #402452 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #dfd4c5; --color-2: #ebeab2; --color-3: #ab958d; --color-4: #814b6d; --color-5: #402452. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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