← Back to Editor

#E5DBC1 · #653E24 · #D68840 · #F5EED2 · #C9C476

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

#E5DBC1

Goose Yellow · Wheat · Lemon Cream

HEX
#E5DBC1
RGB
rgb(229, 219, 193)
HSL
hsl(43, 41%, 83%)
HSB
hsb(43, 16%, 90%)
CMYK
cmyk(0%, 4%, 16%, 10%)
Oklch
oklch(89.3% 0.036 89.5)

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

#653E24

Tangerine · DarkOliveGreen · Amber Brown

HEX
#653E24
RGB
rgb(101, 62, 36)
HSL
hsl(24, 47%, 27%)
HSB
hsb(24, 64%, 40%)
CMYK
cmyk(0%, 39%, 64%, 60%)
Oklch
oklch(40.4% 0.067 53.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D68840

Tangerine · GoldenRod · Warm Sun

HEX
#D68840
RGB
rgb(214, 136, 64)
HSL
hsl(29, 65%, 55%)
HSB
hsb(29, 70%, 84%)
CMYK
cmyk(0%, 36%, 70%, 16%)
Oklch
oklch(69.5% 0.129 60.6)

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

#F5EED2

Goose Yellow · Beige · Lemon Cream

HEX
#F5EED2
RGB
rgb(245, 238, 210)
HSL
hsl(48, 64%, 89%)
HSB
hsb(48, 14%, 96%)
CMYK
cmyk(0%, 3%, 14%, 4%)
Oklch
oklch(94.7% 0.038 95.5)

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

#C9C476

Fresh Green · Tan · Sunflower

HEX
#C9C476
RGB
rgb(201, 196, 118)
HSL
hsl(56, 43%, 63%)
HSB
hsb(56, 41%, 79%)
CMYK
cmyk(0%, 2%, 41%, 21%)
Oklch
oklch(80.7% 0.100 105.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DBC1
C2CCE5

Analogous

E5CAC2
E5DBC1
DEE5C2

Triadic

E5DBC1
C2E5DB
DBC2E5

Split-Comp.

E5DBC1
C2DEE5
CAC2E5

Tetradic

E5DBC1
C2E5CA
C2CCE5
E5C2DE

Contrast Matrix WCAG 2.1 Contrast

E5DBC1
653E24
D68840
F5EED2
C9C476
—
6.7
AA
2.0
Fail
1.2
Fail
1.3
Fail
6.7
AA
—
3.3
AA Large
8.0
AAA
5.1
AA
2.0
Fail
3.3
AA Large
—
2.4
Fail
1.6
Fail
1.2
Fail
8.0
AAA
2.4
Fail
—
1.5
Fail
1.3
Fail
5.1
AA
1.6
Fail
1.5
Fail
—
White BG
1.4Fail
9.3AAA
2.8Fail
1.2Fail
1.8Fail
Black BG
15.2AAA
2.3Fail
7.5AAA
18.0AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C7
54542A
B4B451
F2F2D9
C7C789

Deuteranopia

E1E2C9
56592C
B9BF56
F2F3DA
C7C88D

Tritanopia

E4CCCD
632F30
D25F62
F5DEDF
C9989B

Achromatopsia

DBDBDB
474747
979797
EDEDED
BDBDBD

Shades & Tints Shades & Tints

#E5DBC1

Dark
Light

#653E24

Dark
Light

#D68840

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5dbc1;
  --color-2: #653e24;
  --color-3: #d68840;
  --color-4: #f5eed2;
  --color-5: #c9c476;
}

SCSS

$color-1: #e5dbc1;
$color-2: #653e24;
$color-3: #d68840;
$color-4: #f5eed2;
$color-5: #c9c476;

TAILWIND

colors: {
  'brand-1': '#e5dbc1',
  'brand-2': '#653e24',
  'brand-3': '#d68840',
  'brand-4': '#f5eed2',
  'brand-5': '#c9c476',
}

RGB Array

[229, 219, 193], [101, 62, 36], [214, 136, 64], [245, 238, 210], [201, 196, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5DBC1, #653E24, #D68840, #F5EED2, #C9C476 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: #e5dbc1; --color-2: #653e24; --color-3: #d68840; --color-4: #f5eed2; --color-5: #c9c476. 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