← Back to Editor

#EBD9A0 · #EBC6A0 · #EBB39F · #BA8A86 · #5A4548

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

#EBD9A0

Goose Yellow · Wheat · Lemon Cream

HEX
#EBD9A0
RGB
rgb(235, 217, 160)
HSL
hsl(46, 65%, 77%)
HSB
hsb(46, 32%, 92%)
CMYK
cmyk(0%, 8%, 32%, 8%)
Oklch
oklch(88.6% 0.076 92.6)

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

#EBC6A0

Goose Yellow · BurlyWood · Peach Orange

HEX
#EBC6A0
RGB
rgb(235, 198, 160)
HSL
hsl(30, 65%, 77%)
HSB
hsb(30, 32%, 92%)
CMYK
cmyk(0%, 16%, 32%, 8%)
Oklch
oklch(84.9% 0.066 67.5)

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

#EBB39F

Apricot · BurlyWood · Peach Orange

HEX
#EBB39F
RGB
rgb(235, 179, 159)
HSL
hsl(16, 66%, 77%)
HSB
hsb(16, 32%, 92%)
CMYK
cmyk(0%, 24%, 32%, 8%)
Oklch
oklch(81.3% 0.071 40.5)

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

#BA8A86

Peach Pink · Tan · Coral Red

HEX
#BA8A86
RGB
rgb(186, 138, 134)
HSL
hsl(5, 27%, 63%)
HSB
hsb(5, 28%, 73%)
CMYK
cmyk(0%, 26%, 28%, 27%)
Oklch
oklch(67.9% 0.059 24.2)

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

#5A4548

Crimson · DarkSlateGray · Wine Red

HEX
#5A4548
RGB
rgb(90, 69, 72)
HSL
hsl(351, 13%, 31%)
HSB
hsb(351, 23%, 35%)
CMYK
cmyk(0%, 23%, 20%, 65%)
Oklch
oklch(41.4% 0.029 8.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD9A0
9EB0EA

Analogous

EAB39E
EBD9A0
D6EA9E

Triadic

EBD9A0
9EEAD9
D99EEA

Split-Comp.

EBD9A0
9ED6EA
B39EEA

Tetradic

EBD9A0
9EEAB3
9EB0EA
EA9ED6

Contrast Matrix WCAG 2.1 Contrast

EBD9A0
EBC6A0
EBB39F
BA8A86
5A4548
—
1.1
Fail
1.3
Fail
2.1
Fail
6.3
AA
1.1
Fail
—
1.1
Fail
1.9
Fail
5.5
AA
1.3
Fail
1.1
Fail
—
1.6
Fail
4.8
AA
2.1
Fail
1.9
Fail
1.6
Fail
—
3.0
Fail
6.3
AA
5.5
AA
4.8
AA
3.0
Fail
—
White BG
1.4Fail
1.6Fail
1.8Fail
3.0Fail
8.8AAA
Black BG
15.0AAA
13.1AAA
11.5AAA
7.1AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3AE
DBDBA9
D3D2A4
A5A587
515147

Deuteranopia

E4E6B1
DDE0AB
D6DAA5
A8AC87
525447

Tritanopia

EAB9BB
E9B0B2
E8A8A9
B88888
594747

Achromatopsia

D8D8D8
CDCDCD
C1C1C1
989898
4C4C4C

Shades & Tints Shades & Tints

#EBD9A0

Dark
Light

#EBC6A0

Dark
Light

#EBB39F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd9a0;
  --color-2: #ebc6a0;
  --color-3: #ebb39f;
  --color-4: #ba8a86;
  --color-5: #5a4548;
}

SCSS

$color-1: #ebd9a0;
$color-2: #ebc6a0;
$color-3: #ebb39f;
$color-4: #ba8a86;
$color-5: #5a4548;

TAILWIND

colors: {
  'brand-1': '#ebd9a0',
  'brand-2': '#ebc6a0',
  'brand-3': '#ebb39f',
  'brand-4': '#ba8a86',
  'brand-5': '#5a4548',
}

RGB Array

[235, 217, 160], [235, 198, 160], [235, 179, 159], [186, 138, 134], [90, 69, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD9A0, #EBC6A0, #EBB39F, #BA8A86, #5A4548 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: #ebd9a0; --color-2: #ebc6a0; --color-3: #ebb39f; --color-4: #ba8a86; --color-5: #5a4548. 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