← Back to Editor

#E5DEB8 · #D2C388 · #675A36 · #B5D8BA · #89A596

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

#E5DEB8

Fresh Green · Wheat · Lemon Cream

HEX
#E5DEB8
RGB
rgb(229, 222, 184)
HSL
hsl(51, 46%, 81%)
HSB
hsb(51, 20%, 90%)
CMYK
cmyk(0%, 3%, 20%, 10%)
Oklch
oklch(89.6% 0.051 98.7)

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

#D2C388

Ginger · Tan · Sunflower

HEX
#D2C388
RGB
rgb(210, 195, 136)
HSL
hsl(48, 45%, 68%)
HSB
hsb(48, 35%, 82%)
CMYK
cmyk(0%, 7%, 35%, 18%)
Oklch
oklch(81.6% 0.079 95.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#675A36

Ochre · DarkOliveGreen · Honey Gold

HEX
#675A36
RGB
rgb(103, 90, 54)
HSL
hsl(44, 31%, 31%)
HSB
hsb(44, 48%, 40%)
CMYK
cmyk(0%, 13%, 48%, 60%)
Oklch
oklch(47.1% 0.055 90.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B5D8BA

Celadon · Silver · Apple Green

HEX
#B5D8BA
RGB
rgb(181, 216, 186)
HSL
hsl(129, 31%, 78%)
HSB
hsb(129, 16%, 85%)
CMYK
cmyk(16%, 0%, 14%, 15%)
Oklch
oklch(84.9% 0.055 149.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#89A596

Celadon · DarkSeaGreen · Olive Green

HEX
#89A596
RGB
rgb(137, 165, 150)
HSL
hsl(148, 13%, 59%)
HSB
hsb(148, 17%, 65%)
CMYK
cmyk(17%, 0%, 9%, 35%)
Oklch
oklch(69.6% 0.038 161.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DEB8
B8BFE5

Analogous

E5C8B8
E5DEB8
D5E5B8

Triadic

E5DEB8
B8E5DE
DEB8E5

Split-Comp.

E5DEB8
B8D5E5
C8B8E5

Tetradic

E5DEB8
B8E5C8
B8BFE5
E5B8D5

Contrast Matrix WCAG 2.1 Contrast

E5DEB8
D2C388
675A36
B5D8BA
89A596
—
1.3
Fail
5.0
AA
1.1
Fail
2.0
Fail
1.3
Fail
—
3.8
AA Large
1.1
Fail
1.5
Fail
5.0
AA
3.8
AA Large
—
4.4
AA Large
2.6
Fail
1.1
Fail
1.1
Fail
4.4
AA Large
—
1.7
Fail
2.0
Fail
1.5
Fail
2.6
Fail
1.7
Fail
—
White BG
1.4Fail
1.8Fail
6.8AA
1.6Fail
2.7Fail
Black BG
15.5AAA
11.9AAA
3.1AA Large
13.5AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C1
CCCB96
61613F
C4C4C1
95959A

Deuteranopia

E2E3C3
CCCE9A
626341
C2C0C3
94919B

Tritanopia

E5C8CA
D1A2A4
664647
B7C7C8
8A9C9D

Achromatopsia

DCDCDC
C1C1C1
5A5A5A
CACACA
9B9B9B

Shades & Tints Shades & Tints

#E5DEB8

Dark
Light

#D2C388

Dark
Light

#675A36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5deb8;
  --color-2: #d2c388;
  --color-3: #675a36;
  --color-4: #b5d8ba;
  --color-5: #89a596;
}

SCSS

$color-1: #e5deb8;
$color-2: #d2c388;
$color-3: #675a36;
$color-4: #b5d8ba;
$color-5: #89a596;

TAILWIND

colors: {
  'brand-1': '#e5deb8',
  'brand-2': '#d2c388',
  'brand-3': '#675a36',
  'brand-4': '#b5d8ba',
  'brand-5': '#89a596',
}

RGB Array

[229, 222, 184], [210, 195, 136], [103, 90, 54], [181, 216, 186], [137, 165, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5DEB8, #D2C388, #675A36, #B5D8BA, #89A596 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: #e5deb8; --color-2: #d2c388; --color-3: #675a36; --color-4: #b5d8ba; --color-5: #89a596. 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