← Back to Editor

#E2DAB3 · #9AB197 · #72938A · #617F81 · #587175

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 Library

Color Details Color Details

#E2DAB3

Fresh Green · Wheat · Lemon Cream

HEX
#E2DAB3
RGB
rgb(226, 218, 179)
HSL
hsl(50, 45%, 79%)
HSB
hsb(50, 21%, 89%)
CMYK
cmyk(0%, 4%, 21%, 11%)
Oklch
oklch(88.5% 0.052 97.7)

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

#9AB197

Celadon · DarkSeaGreen · Apple Green

HEX
#9AB197
RGB
rgb(154, 177, 151)
HSL
hsl(113, 14%, 64%)
HSB
hsb(113, 15%, 69%)
CMYK
cmyk(13%, 0%, 15%, 31%)
Oklch
oklch(73.5% 0.045 141.9)

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

#72938A

Mineral Blue · LightSlateGray · Lake Green

HEX
#72938A
RGB
rgb(114, 147, 138)
HSL
hsl(164, 13%, 51%)
HSB
hsb(164, 22%, 58%)
CMYK
cmyk(22%, 0%, 6%, 42%)
Oklch
oklch(63.6% 0.039 176.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#617F81

Slate Blue · SlateGray · Mint Ice

HEX
#617F81
RGB
rgb(97, 127, 129)
HSL
hsl(184, 14%, 44%)
HSB
hsb(184, 25%, 51%)
CMYK
cmyk(25%, 2%, 0%, 49%)
Oklch
oklch(57.4% 0.034 201.3)

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

#587175

Slate Blue · DimGray · Mint Ice

HEX
#587175
RGB
rgb(88, 113, 117)
HSL
hsl(188, 14%, 40%)
HSB
hsb(188, 25%, 46%)
CMYK
cmyk(25%, 3%, 0%, 54%)
Oklch
oklch(53.0% 0.030 208.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DAB3
B1B9E2

Analogous

E2C1B1
E2DAB3
D1E2B1

Triadic

E2DAB3
B1E2DA
DAB1E2

Split-Comp.

E2DAB3
B1D1E2
C1B1E2

Tetradic

E2DAB3
B1E2C1
B1B9E2
E2B1D1

Contrast Matrix WCAG 2.1 Contrast

E2DAB3
9AB197
72938A
617F81
587175
—
1.6
Fail
2.4
Fail
3.1
AA Large
3.7
AA Large
1.6
Fail
—
1.5
Fail
1.9
Fail
2.3
Fail
2.4
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
3.1
AA Large
1.9
Fail
1.3
Fail
—
1.2
Fail
3.7
AA Large
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
1.4Fail
2.3Fail
3.4AA Large
4.3AA Large
5.2AA
Black BG
14.9AAA
9.1AAA
6.3AA
4.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDEBC
A4A49D
80818C
6E6E81
636374

Deuteranopia

DFE0BF
A3A19F
7E7C8D
6C6A80
616074

Tritanopia

E2C4C6
9BA2A3
748E8E
628080
597373

Achromatopsia

D8D8D8
A7A7A7
888888
767676
6A6A6A

Shades & Tints Shades & Tints

#E2DAB3

Dark
Light

#9AB197

Dark
Light

#72938A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2dab3;
  --color-2: #9ab197;
  --color-3: #72938a;
  --color-4: #617f81;
  --color-5: #587175;
}

SCSS

$color-1: #e2dab3;
$color-2: #9ab197;
$color-3: #72938a;
$color-4: #617f81;
$color-5: #587175;

TAILWIND

colors: {
  'brand-1': '#e2dab3',
  'brand-2': '#9ab197',
  'brand-3': '#72938a',
  'brand-4': '#617f81',
  'brand-5': '#587175',
}

RGB Array

[226, 218, 179], [154, 177, 151], [114, 147, 138], [97, 127, 129], [88, 113, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2DAB3, #9AB197, #72938A, #617F81, #587175 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2dab3; --color-2: #9ab197; --color-3: #72938a; --color-4: #617f81; --color-5: #587175. 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. 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. Restrained colors convey professionalism and trust. 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