← Back to Editor

#EDE9E0 · #D5C9B9 · #EA9221 · #F8BD58 · #1A1818

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

#EDE9E0

Goose Yellow · Beige · Lemon Cream

HEX
#EDE9E0
RGB
rgb(237, 233, 224)
HSL
hsl(42, 27%, 90%)
HSB
hsb(42, 5%, 93%)
CMYK
cmyk(0%, 2%, 5%, 7%)
Oklch
oklch(93.5% 0.013 86.8)

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

#D5C9B9

Goose Yellow · Silver · Peach Orange

HEX
#D5C9B9
RGB
rgb(213, 201, 185)
HSL
hsl(34, 25%, 78%)
HSB
hsb(34, 13%, 84%)
CMYK
cmyk(0%, 6%, 13%, 16%)
Oklch
oklch(84.1% 0.026 75.2)

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

#EA9221

Ginger · GoldenRod · Warm Sun

HEX
#EA9221
RGB
rgb(234, 146, 33)
HSL
hsl(34, 83%, 52%)
HSB
hsb(34, 86%, 92%)
CMYK
cmyk(0%, 38%, 86%, 8%)
Oklch
oklch(73.5% 0.155 65.7)

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

#F8BD58

Ginger · SandyBrown · Warm Sun

HEX
#F8BD58
RGB
rgb(248, 189, 88)
HSL
hsl(38, 92%, 66%)
HSB
hsb(38, 65%, 97%)
CMYK
cmyk(0%, 24%, 65%, 3%)
Oklch
oklch(83.3% 0.135 78.4)

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

#1A1818

Ink Black · Black · Jet Black

HEX
#1A1818
RGB
rgb(26, 24, 24)
HSL
hsl(0, 4%, 10%)
HSB
hsb(0, 8%, 10%)
CMYK
cmyk(0%, 8%, 8%, 90%)
Oklch
oklch(21.1% 0.003 17.4)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE9E0
DFE3EC

Analogous

ECE1DF
EDE9E0
EAECDF

Triadic

EDE9E0
DFECE8
E8DFEC

Split-Comp.

EDE9E0
DFEAEC
E1DFEC

Tetradic

EDE9E0
DFECE1
DFE3EC
ECDFEA

Contrast Matrix WCAG 2.1 Contrast

EDE9E0
D5C9B9
EA9221
F8BD58
1A1818
—
1.3
Fail
2.0
Fail
1.4
Fail
14.6
AAA
1.3
Fail
—
1.5
Fail
1.0
Fail
10.8
AAA
2.0
Fail
1.5
Fail
—
1.4
Fail
7.3
AAA
1.4
Fail
1.0
Fail
1.4
Fail
—
10.4
AAA
14.6
AAA
10.8
AAA
7.3
AAA
10.4
AAA
—
White BG
1.2Fail
1.6Fail
2.4Fail
1.7Fail
17.7AAA
Black BG
17.3AAA
12.9AAA
8.6AAA
12.4AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBE2
D0D0BD
C4C33C
DEDE70
191918

Deuteranopia

ECECE3
D1D1BE
C9D043
E2E676
191918

Tritanopia

EDE4E4
D4C0C1
E65257
F58488
1A1818

Achromatopsia

E9E9E9
CBCBCB
9F9F9F
C3C3C3
191919

Shades & Tints Shades & Tints

#EDE9E0

Dark
Light

#D5C9B9

Dark
Light

#EA9221

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede9e0;
  --color-2: #d5c9b9;
  --color-3: #ea9221;
  --color-4: #f8bd58;
  --color-5: #1a1818;
}

SCSS

$color-1: #ede9e0;
$color-2: #d5c9b9;
$color-3: #ea9221;
$color-4: #f8bd58;
$color-5: #1a1818;

TAILWIND

colors: {
  'brand-1': '#ede9e0',
  'brand-2': '#d5c9b9',
  'brand-3': '#ea9221',
  'brand-4': '#f8bd58',
  'brand-5': '#1a1818',
}

RGB Array

[237, 233, 224], [213, 201, 185], [234, 146, 33], [248, 189, 88], [26, 24, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE9E0, #D5C9B9, #EA9221, #F8BD58, #1A1818 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: #ede9e0; --color-2: #d5c9b9; --color-3: #ea9221; --color-4: #f8bd58; --color-5: #1a1818. 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