← Back to Editor

#E0D0AF · #F4FB39 · #DFE271 · #B4A183 · #373739

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E0D0AF

Goose Yellow · Wheat · Lemon Cream

HEX
#E0D0AF
RGB
rgb(224, 208, 175)
HSL
hsl(40, 44%, 78%)
HSB
hsb(40, 22%, 88%)
CMYK
cmyk(0%, 7%, 22%, 12%)
Oklch
oklch(86.2% 0.047 85.2)

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

#F4FB39

Autumn Sage · Yellow · Sunflower

HEX
#F4FB39
RGB
rgb(244, 251, 57)
HSL
hsl(62, 96%, 60%)
HSB
hsb(62, 77%, 98%)
CMYK
cmyk(3%, 0%, 77%, 2%)
Oklch
oklch(95.2% 0.197 111.8)

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

#DFE271

Fresh Green · Khaki · Sunflower

HEX
#DFE271
RGB
rgb(223, 226, 113)
HSL
hsl(62, 66%, 66%)
HSB
hsb(62, 50%, 89%)
CMYK
cmyk(1%, 0%, 50%, 11%)
Oklch
oklch(88.8% 0.136 110.2)

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

#B4A183

Ginger · Tan · Warm Sun

HEX
#B4A183
RGB
rgb(180, 161, 131)
HSL
hsl(37, 25%, 61%)
HSB
hsb(37, 27%, 71%)
CMYK
cmyk(0%, 11%, 27%, 29%)
Oklch
oklch(71.8% 0.047 79.1)

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

#373739

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#373739
RGB
rgb(55, 55, 57)
HSL
hsl(240, 2%, 22%)
HSB
hsb(240, 4%, 22%)
CMYK
cmyk(4%, 4%, 0%, 78%)
Oklch
oklch(33.8% 0.003 286.2)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D0AF
AEBFE0

Analogous

E0B6AE
E0D0AF
D7E0AE

Triadic

E0D0AF
AEE0CF
CFAEE0

Split-Comp.

E0D0AF
AED7E0
B6AEE0

Tetradic

E0D0AF
AEE0B6
AEBFE0
E0AED7

Contrast Matrix WCAG 2.1 Contrast

E0D0AF
F4FB39
DFE271
B4A183
373739
—
1.4
Fail
1.1
Fail
1.7
Fail
7.8
AAA
1.4
Fail
—
1.2
Fail
2.2
Fail
10.6
AAA
1.1
Fail
1.2
Fail
—
1.8
Fail
8.6
AAA
1.7
Fail
2.2
Fail
1.8
Fail
—
4.7
AA
7.8
AAA
10.6
AAA
8.6
AAA
4.7
AA
—
White BG
1.5Fail
1.1Fail
1.4Fail
2.5Fail
11.9AAA
Black BG
13.8AAA
18.7AAA
15.3AAA
8.4AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9B7
F7F768
E0E08C
ACAC8A
373739

Deuteranopia

DADBB9
F7F673
E0E093
ADAE8C
373738

Tritanopia

DFBDBF
F48D95
DFA2A7
B39091
373838

Achromatopsia

D1D1D1
E3E3E3
D4D4D4
A3A3A3
373737

Shades & Tints Shades & Tints

#E0D0AF

Dark
Light

#F4FB39

Dark
Light

#DFE271

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d0af;
  --color-2: #f4fb39;
  --color-3: #dfe271;
  --color-4: #b4a183;
  --color-5: #373739;
}

SCSS

$color-1: #e0d0af;
$color-2: #f4fb39;
$color-3: #dfe271;
$color-4: #b4a183;
$color-5: #373739;

TAILWIND

colors: {
  'brand-1': '#e0d0af',
  'brand-2': '#f4fb39',
  'brand-3': '#dfe271',
  'brand-4': '#b4a183',
  'brand-5': '#373739',
}

RGB Array

[224, 208, 175], [244, 251, 57], [223, 226, 113], [180, 161, 131], [55, 55, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D0AF, #F4FB39, #DFE271, #B4A183, #373739 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: #e0d0af; --color-2: #f4fb39; --color-3: #dfe271; --color-4: #b4a183; --color-5: #373739. 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