← Back to Editor

#E8E6A9 · #6EC3AE · #9BA81C · #7FCCA2 · #E9D8C4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E8E6A9

Fresh Green · Wheat · Lemon Cream

HEX
#E8E6A9
RGB
rgb(232, 230, 169)
HSL
hsl(58, 58%, 79%)
HSB
hsb(58, 27%, 91%)
CMYK
cmyk(0%, 1%, 27%, 9%)
Oklch
oklch(91.2% 0.079 106.3)

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

#6EC3AE

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6EC3AE
RGB
rgb(110, 195, 174)
HSL
hsl(165, 41%, 60%)
HSB
hsb(165, 44%, 76%)
CMYK
cmyk(44%, 0%, 11%, 24%)
Oklch
oklch(75.7% 0.089 176.0)

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

#9BA81C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9BA81C
RGB
rgb(155, 168, 28)
HSL
hsl(66, 71%, 38%)
HSB
hsb(66, 83%, 66%)
CMYK
cmyk(8%, 0%, 83%, 34%)
Oklch
oklch(69.8% 0.151 115.3)

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

#7FCCA2

Celadon · MediumAquaMarine · Apple Green

HEX
#7FCCA2
RGB
rgb(127, 204, 162)
HSL
hsl(147, 43%, 65%)
HSB
hsb(147, 38%, 80%)
CMYK
cmyk(38%, 0%, 21%, 20%)
Oklch
oklch(78.4% 0.098 159.2)

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

#E9D8C4

Goose Yellow · Wheat · Peach Orange

HEX
#E9D8C4
RGB
rgb(233, 216, 196)
HSL
hsl(32, 46%, 84%)
HSB
hsb(32, 16%, 91%)
CMYK
cmyk(0%, 7%, 16%, 9%)
Oklch
oklch(89.1% 0.033 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E6A9
AAACE9

Analogous

E9C7AA
E8E6A9
CCE9AA

Triadic

E8E6A9
AAE9E6
E6AAE9

Split-Comp.

E8E6A9
AACCE9
C7AAE9

Tetradic

E8E6A9
AAE9C7
AAACE9
E9AACC

Contrast Matrix WCAG 2.1 Contrast

E8E6A9
6EC3AE
9BA81C
7FCCA2
E9D8C4
—
1.6
Fail
2.0
Fail
1.5
Fail
1.1
Fail
1.6
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
2.0
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
1.5
Fail
1.9
Fail
1.4
Fail
—
White BG
1.3Fail
2.1Fail
2.6Fail
1.9Fail
1.4Fail
Black BG
16.3AAA
10.1AAA
8.0AAA
11.1AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7B8
9394B3
A1A13E
A0A1AC
E2E1C9

Deuteranopia

E7E7BB
8E88B4
A09F46
9C96AF
E3E4CA

Tritanopia

E8C3C6
72B7B8
9C595F
83B4B6
E8CDCE

Achromatopsia

E0E0E0
A7A7A7
949494
B0B0B0
DBDBDB

Shades & Tints Shades & Tints

#E8E6A9

Dark
Light

#6EC3AE

Dark
Light

#9BA81C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e6a9;
  --color-2: #6ec3ae;
  --color-3: #9ba81c;
  --color-4: #7fcca2;
  --color-5: #e9d8c4;
}

SCSS

$color-1: #e8e6a9;
$color-2: #6ec3ae;
$color-3: #9ba81c;
$color-4: #7fcca2;
$color-5: #e9d8c4;

TAILWIND

colors: {
  'brand-1': '#e8e6a9',
  'brand-2': '#6ec3ae',
  'brand-3': '#9ba81c',
  'brand-4': '#7fcca2',
  'brand-5': '#e9d8c4',
}

RGB Array

[232, 230, 169], [110, 195, 174], [155, 168, 28], [127, 204, 162], [233, 216, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E6A9, #6EC3AE, #9BA81C, #7FCCA2, #E9D8C4 is ideal for: health products, baby brands, fresh-style blogs, 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: #e8e6a9; --color-2: #6ec3ae; --color-3: #9ba81c; --color-4: #7fcca2; --color-5: #e9d8c4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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