← Back to Editor

#EAD6AB · #9D9C80 · #B59970 · #362222 · #DBC536

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

#EAD6AB

Goose Yellow · Wheat · Lemon Cream

HEX
#EAD6AB
RGB
rgb(234, 214, 171)
HSL
hsl(41, 60%, 79%)
HSB
hsb(41, 27%, 92%)
CMYK
cmyk(0%, 9%, 27%, 8%)
Oklch
oklch(88.2% 0.061 86.0)

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

#9D9C80

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9D9C80
RGB
rgb(157, 156, 128)
HSL
hsl(58, 13%, 56%)
HSB
hsb(58, 18%, 62%)
CMYK
cmyk(0%, 1%, 18%, 38%)
Oklch
oklch(68.6% 0.040 105.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B59970

Ginger · Tan · Warm Sun

HEX
#B59970
RGB
rgb(181, 153, 112)
HSL
hsl(36, 32%, 57%)
HSB
hsb(36, 38%, 71%)
CMYK
cmyk(0%, 15%, 38%, 29%)
Oklch
oklch(69.8% 0.065 76.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#362222

Crimson · DarkSlateGray · Deep Berry

HEX
#362222
RGB
rgb(54, 34, 34)
HSL
hsl(0, 23%, 17%)
HSB
hsb(0, 37%, 21%)
CMYK
cmyk(0%, 37%, 37%, 79%)
Oklch
oklch(27.7% 0.031 19.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DBC536

Autumn Sage · GoldenRod · Sunflower

HEX
#DBC536
RGB
rgb(219, 197, 54)
HSL
hsl(52, 70%, 54%)
HSB
hsb(52, 75%, 86%)
CMYK
cmyk(0%, 10%, 75%, 14%)
Oklch
oklch(81.8% 0.155 100.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD6AB
A9BEEA

Analogous

EAB5A9
EAD6AB
DEEAA9

Triadic

EAD6AB
A9EAD5
D5A9EA

Split-Comp.

EAD6AB
A9DEEA
B5A9EA

Tetradic

EAD6AB
A9EAB5
A9BEEA
EAA9DE

Contrast Matrix WCAG 2.1 Contrast

EAD6AB
9D9C80
B59970
362222
DBC536
—
2.0
Fail
1.9
Fail
10.4
AAA
1.2
Fail
2.0
Fail
—
1.0
Fail
5.3
AA
1.6
Fail
1.9
Fail
1.0
Fail
—
5.5
AA
1.6
Fail
10.4
AAA
5.3
AA
5.5
AA
—
8.6
AAA
1.2
Fail
1.6
Fail
1.6
Fail
8.6
AAA
—
White BG
1.4Fail
2.8Fail
2.7Fail
14.9AAA
1.7Fail
Black BG
14.7AAA
7.5AAA
7.8AAA
1.4Fail
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1B5
9D9D87
A9A97A
2D2D22
D1D159

Deuteranopia

E3E4B8
9D9D88
ABAD7C
2F3022
D3D461

Tritanopia

E9BEBF
9D8C8D
B48283
352222
DA747A

Achromatopsia

D7D7D7
999999
9D9D9D
282828
BBBBBB

Shades & Tints Shades & Tints

#EAD6AB

Dark
Light

#9D9C80

Dark
Light

#B59970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead6ab;
  --color-2: #9d9c80;
  --color-3: #b59970;
  --color-4: #362222;
  --color-5: #dbc536;
}

SCSS

$color-1: #ead6ab;
$color-2: #9d9c80;
$color-3: #b59970;
$color-4: #362222;
$color-5: #dbc536;

TAILWIND

colors: {
  'brand-1': '#ead6ab',
  'brand-2': '#9d9c80',
  'brand-3': '#b59970',
  'brand-4': '#362222',
  'brand-5': '#dbc536',
}

RGB Array

[234, 214, 171], [157, 156, 128], [181, 153, 112], [54, 34, 34], [219, 197, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAD6AB, #9D9C80, #B59970, #362222, #DBC536 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: #ead6ab; --color-2: #9d9c80; --color-3: #b59970; --color-4: #362222; --color-5: #dbc536. 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