← Back to Editor

#E0E1C1 · #B9D389 · #87BAA7 · #6995A0 · #767964

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E0E1C1

Fresh Green · Wheat · Lemon Cream

HEX
#E0E1C1
RGB
rgb(224, 225, 193)
HSL
hsl(62, 35%, 82%)
HSB
hsb(62, 14%, 88%)
CMYK
cmyk(0%, 0%, 14%, 12%)
Oklch
oklch(90.1% 0.042 108.7)

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

#B9D389

Willow Green · Tan · Apple Green

HEX
#B9D389
RGB
rgb(185, 211, 137)
HSL
hsl(81, 46%, 68%)
HSB
hsb(81, 35%, 83%)
CMYK
cmyk(12%, 0%, 35%, 17%)
Oklch
oklch(83.0% 0.101 124.3)

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

#87BAA7

Jade · DarkSeaGreen · Apple Green

HEX
#87BAA7
RGB
rgb(135, 186, 167)
HSL
hsl(158, 27%, 63%)
HSB
hsb(158, 27%, 73%)
CMYK
cmyk(27%, 0%, 10%, 27%)
Oklch
oklch(74.7% 0.060 169.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#6995A0

Slate Blue · CadetBlue · Lake Green

HEX
#6995A0
RGB
rgb(105, 149, 160)
HSL
hsl(192, 22%, 52%)
HSB
hsb(192, 34%, 63%)
CMYK
cmyk(34%, 7%, 0%, 37%)
Oklch
oklch(64.2% 0.050 215.0)

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

#767964

Autumn Sage · DimGray · Honey Gold

HEX
#767964
RGB
rgb(118, 121, 100)
HSL
hsl(69, 10%, 43%)
HSB
hsb(69, 17%, 47%)
CMYK
cmyk(2%, 0%, 17%, 53%)
Oklch
oklch(56.7% 0.031 114.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E1C1
C2C1E1

Analogous

E1D2C1
E0E1C1
D0E1C1

Triadic

E0E1C1
C1E0E1
E1C1E0

Split-Comp.

E0E1C1
C1D0E1
D2C1E1

Tetradic

E0E1C1
C1E1D2
C2C1E1
E1C1D0

Contrast Matrix WCAG 2.1 Contrast

E0E1C1
B9D389
87BAA7
6995A0
767964
—
1.2
Fail
1.6
Fail
2.5
Fail
3.4
AA Large
1.2
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
1.6
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
2.5
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
2.7
Fail
2.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
3.3AA Large
4.5AA Large
Black BG
15.7AAA
12.7AAA
9.6AAA
6.4AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0C9
C4C49B
9D9EAC
7C7C9D
777769

Deuteranopia

E0E0CB
C3C19F
9A96AD
7A769D
77776A

Tritanopia

E0CFD0
BAA9AC
8AAFB0
6B9B9B
766D6E

Achromatopsia

DDDDDD
C3C3C3
A9A9A9
898989
767676

Shades & Tints Shades & Tints

#E0E1C1

Dark
Light

#B9D389

Dark
Light

#87BAA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e1c1;
  --color-2: #b9d389;
  --color-3: #87baa7;
  --color-4: #6995a0;
  --color-5: #767964;
}

SCSS

$color-1: #e0e1c1;
$color-2: #b9d389;
$color-3: #87baa7;
$color-4: #6995a0;
$color-5: #767964;

TAILWIND

colors: {
  'brand-1': '#e0e1c1',
  'brand-2': '#b9d389',
  'brand-3': '#87baa7',
  'brand-4': '#6995a0',
  'brand-5': '#767964',
}

RGB Array

[224, 225, 193], [185, 211, 137], [135, 186, 167], [105, 149, 160], [118, 121, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0E1C1, #B9D389, #87BAA7, #6995A0, #767964 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: #e0e1c1; --color-2: #b9d389; --color-3: #87baa7; --color-4: #6995a0; --color-5: #767964. 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