← Back to Editor

#EBE9D4 · #E5CBA8 · #DBB64C · #DF8137 · #557779

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

#EBE9D4

Fresh Green · Beige · Lemon Cream

HEX
#EBE9D4
RGB
rgb(235, 233, 212)
HSL
hsl(55, 37%, 88%)
HSB
hsb(55, 10%, 92%)
CMYK
cmyk(0%, 1%, 10%, 8%)
Oklch
oklch(93.0% 0.028 102.5)

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

#E5CBA8

Goose Yellow · Wheat · Peach Orange

HEX
#E5CBA8
RGB
rgb(229, 203, 168)
HSL
hsl(34, 54%, 78%)
HSB
hsb(34, 27%, 90%)
CMYK
cmyk(0%, 11%, 27%, 10%)
Oklch
oklch(85.5% 0.055 75.1)

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

#DBB64C

Ginger · SandyBrown · Sunflower

HEX
#DBB64C
RGB
rgb(219, 182, 76)
HSL
hsl(44, 67%, 58%)
HSB
hsb(44, 65%, 86%)
CMYK
cmyk(0%, 17%, 65%, 14%)
Oklch
oklch(78.9% 0.130 89.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DF8137

Tangerine · Chocolate · Warm Sun

HEX
#DF8137
RGB
rgb(223, 129, 55)
HSL
hsl(26, 72%, 55%)
HSB
hsb(26, 75%, 87%)
CMYK
cmyk(0%, 42%, 75%, 13%)
Oklch
oklch(69.3% 0.144 55.2)

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

#557779

Slate Blue · DimGray · Mint Ice

HEX
#557779
RGB
rgb(85, 119, 121)
HSL
hsl(183, 17%, 40%)
HSB
hsb(183, 30%, 47%)
CMYK
cmyk(30%, 2%, 0%, 53%)
Oklch
oklch(54.4% 0.039 200.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE9D4
D5D7EC

Analogous

ECDFD5
EBE9D4
E2ECD5

Triadic

EBE9D4
D5ECEA
EAD5EC

Split-Comp.

EBE9D4
D5E2EC
DFD5EC

Tetradic

EBE9D4
D5ECDF
D5D7EC
ECD5E2

Contrast Matrix WCAG 2.1 Contrast

EBE9D4
E5CBA8
DBB64C
DF8137
557779
—
1.3
Fail
1.6
Fail
2.3
Fail
4.0
AA Large
1.3
Fail
—
1.2
Fail
1.8
Fail
3.1
AA Large
1.6
Fail
1.2
Fail
—
1.5
Fail
2.5
Fail
2.3
Fail
1.8
Fail
1.5
Fail
—
1.7
Fail
4.0
AA Large
3.1
AA Large
2.5
Fail
1.7
Fail
—
White BG
1.2Fail
1.6Fail
1.9Fail
2.9Fail
4.9AA
Black BG
17.1AAA
13.4AAA
10.8AAA
7.3AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD9
DADAB0
CBCB66
B6B549
646479

Deuteranopia

EAEADA
DBDDB3
CDD06C
BCC34D
625F78

Tritanopia

EBDDDE
E4B7B9
D97A7E
DA575A
577878

Achromatopsia

E7E7E7
CFCFCF
B5B5B5
959595
6D6D6D

Shades & Tints Shades & Tints

#EBE9D4

Dark
Light

#E5CBA8

Dark
Light

#DBB64C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe9d4;
  --color-2: #e5cba8;
  --color-3: #dbb64c;
  --color-4: #df8137;
  --color-5: #557779;
}

SCSS

$color-1: #ebe9d4;
$color-2: #e5cba8;
$color-3: #dbb64c;
$color-4: #df8137;
$color-5: #557779;

TAILWIND

colors: {
  'brand-1': '#ebe9d4',
  'brand-2': '#e5cba8',
  'brand-3': '#dbb64c',
  'brand-4': '#df8137',
  'brand-5': '#557779',
}

RGB Array

[235, 233, 212], [229, 203, 168], [219, 182, 76], [223, 129, 55], [85, 119, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE9D4, #E5CBA8, #DBB64C, #DF8137, #557779 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: #ebe9d4; --color-2: #e5cba8; --color-3: #dbb64c; --color-4: #df8137; --color-5: #557779. 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