← Back to Editor

#DFD0A1 · #D5B593 · #C0958C · #9D707E · #503E53

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

#DFD0A1

Goose Yellow · Wheat · Sunflower

HEX
#DFD0A1
RGB
rgb(223, 208, 161)
HSL
hsl(45, 49%, 75%)
HSB
hsb(45, 28%, 87%)
CMYK
cmyk(0%, 7%, 28%, 13%)
Oklch
oklch(85.8% 0.064 92.5)

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

#D5B593

Goose Yellow · Tan · Warm Sun

HEX
#D5B593
RGB
rgb(213, 181, 147)
HSL
hsl(31, 44%, 71%)
HSB
hsb(31, 31%, 84%)
CMYK
cmyk(0%, 15%, 31%, 16%)
Oklch
oklch(79.2% 0.059 68.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C0958C

Peach Pink · Tan · Coral Red

HEX
#C0958C
RGB
rgb(192, 149, 140)
HSL
hsl(10, 29%, 65%)
HSB
hsb(10, 27%, 75%)
CMYK
cmyk(0%, 22%, 27%, 25%)
Oklch
oklch(70.8% 0.054 32.0)

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

#9D707E

Dark Violet · Gray · Rose Pink

HEX
#9D707E
RGB
rgb(157, 112, 126)
HSL
hsl(341, 19%, 53%)
HSB
hsb(341, 29%, 62%)
CMYK
cmyk(0%, 29%, 20%, 38%)
Oklch
oklch(59.5% 0.060 358.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#503E53

Dark Plum · DarkSlateGray · Eggplant

HEX
#503E53
RGB
rgb(80, 62, 83)
HSL
hsl(291, 14%, 28%)
HSB
hsb(291, 25%, 33%)
CMYK
cmyk(4%, 25%, 0%, 67%)
Oklch
oklch(39.1% 0.042 321.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD0A1
A0B0DE

Analogous

DEB0A0
DFD0A1
CFDEA0

Triadic

DFD0A1
A0DECF
CFA0DE

Split-Comp.

DFD0A1
A0CFDE
B0A0DE

Tetradic

DFD0A1
A0DEB0
A0B0DE
DEA0CF

Contrast Matrix WCAG 2.1 Contrast

DFD0A1
D5B593
C0958C
9D707E
503E53
—
1.3
Fail
1.7
Fail
2.7
Fail
6.3
AA
1.3
Fail
—
1.4
Fail
2.1
Fail
5.0
AA
1.7
Fail
1.4
Fail
—
1.6
Fail
3.7
AA Large
2.7
Fail
2.1
Fail
1.6
Fail
—
2.3
Fail
6.3
AA
5.0
AA
3.7
AA Large
2.3
Fail
—
White BG
1.5Fail
1.9Fail
2.7Fail
4.2AA Large
9.7AAA
Black BG
13.7AAA
10.9AAA
7.9AAA
5.1AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D8AC
C7C79B
ADAD8E
8A897B
48484E

Deuteranopia

D9DBAF
C9CB9D
B0B38F
8C907A
494B4D

Tritanopia

DEB5B7
D3A2A3
BE9090
9B7877
4F4A49

Achromatopsia

CFCFCF
BBBBBB
A1A1A1
7F7F7F
464646

Shades & Tints Shades & Tints

#DFD0A1

Dark
Light

#D5B593

Dark
Light

#C0958C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd0a1;
  --color-2: #d5b593;
  --color-3: #c0958c;
  --color-4: #9d707e;
  --color-5: #503e53;
}

SCSS

$color-1: #dfd0a1;
$color-2: #d5b593;
$color-3: #c0958c;
$color-4: #9d707e;
$color-5: #503e53;

TAILWIND

colors: {
  'brand-1': '#dfd0a1',
  'brand-2': '#d5b593',
  'brand-3': '#c0958c',
  'brand-4': '#9d707e',
  'brand-5': '#503e53',
}

RGB Array

[223, 208, 161], [213, 181, 147], [192, 149, 140], [157, 112, 126], [80, 62, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFD0A1, #D5B593, #C0958C, #9D707E, #503E53 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: #dfd0a1; --color-2: #d5b593; --color-3: #c0958c; --color-4: #9d707e; --color-5: #503e53. 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