← Back to Editor

#EDE5A5 · #C9E172 · #8ABB68 · #817A82 · #524E4E

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

#EDE5A5

Fresh Green · Wheat · Lemon Cream

HEX
#EDE5A5
RGB
rgb(237, 229, 165)
HSL
hsl(53, 67%, 79%)
HSB
hsb(53, 30%, 93%)
CMYK
cmyk(0%, 3%, 30%, 7%)
Oklch
oklch(91.3% 0.082 101.8)

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

#C9E172

Willow Green · Khaki · Apple Green

HEX
#C9E172
RGB
rgb(201, 225, 114)
HSL
hsl(73, 65%, 66%)
HSB
hsb(73, 49%, 88%)
CMYK
cmyk(11%, 0%, 49%, 12%)
Oklch
oklch(86.9% 0.140 119.5)

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

#8ABB68

Celadon · DarkSeaGreen · Olive Green

HEX
#8ABB68
RGB
rgb(138, 187, 104)
HSL
hsl(95, 38%, 57%)
HSB
hsb(95, 44%, 73%)
CMYK
cmyk(26%, 0%, 44%, 27%)
Oklch
oklch(73.8% 0.124 133.6)

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

#817A82

Ink Gray · Gray · Warm Gray

HEX
#817A82
RGB
rgb(129, 122, 130)
HSL
hsl(293, 3%, 49%)
HSB
hsb(293, 6%, 51%)
CMYK
cmyk(1%, 6%, 0%, 49%)
Oklch
oklch(58.8% 0.015 321.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#524E4E

Ink Gray · DarkSlateGray · Charcoal

HEX
#524E4E
RGB
rgb(82, 78, 78)
HSL
hsl(0, 3%, 31%)
HSB
hsb(0, 5%, 32%)
CMYK
cmyk(0%, 5%, 5%, 68%)
Oklch
oklch(42.8% 0.005 17.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE5A5
A6AEED

Analogous

EDC1A6
EDE5A5
D2EDA6

Triadic

EDE5A5
A6EDE5
E5A6ED

Split-Comp.

EDE5A5
A6D2ED
C1A6ED

Tetradic

EDE5A5
A6EDC1
A6AEED
EDA6D2

Contrast Matrix WCAG 2.1 Contrast

EDE5A5
C9E172
8ABB68
817A82
524E4E
—
1.1
Fail
1.7
Fail
3.2
AA Large
6.4
AA
1.1
Fail
—
1.5
Fail
2.9
Fail
5.7
AA
1.7
Fail
1.5
Fail
—
1.9
Fail
3.7
AA Large
3.2
AA Large
2.9
Fail
1.9
Fail
—
2.0
Fail
6.4
AA
5.7
AA
3.7
AA Large
2.0
Fail
—
White BG
1.3Fail
1.4Fail
2.2Fail
4.2AA Large
8.2AAA
Black BG
16.4AAA
14.5AAA
9.4AAA
5.0AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9B4
D3D48D
9FA07C
7E7E80
50504E

Deuteranopia

EAEBB8
D2D093
9C9981
7E7F80
51514E

Tritanopia

EDC1C3
CAA2A7
8C8C8F
817F7E
524E4E

Achromatopsia

E0E0E0
CDCDCD
A3A3A3
7D7D7D
4F4F4F

Shades & Tints Shades & Tints

#EDE5A5

Dark
Light

#C9E172

Dark
Light

#8ABB68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede5a5;
  --color-2: #c9e172;
  --color-3: #8abb68;
  --color-4: #817a82;
  --color-5: #524e4e;
}

SCSS

$color-1: #ede5a5;
$color-2: #c9e172;
$color-3: #8abb68;
$color-4: #817a82;
$color-5: #524e4e;

TAILWIND

colors: {
  'brand-1': '#ede5a5',
  'brand-2': '#c9e172',
  'brand-3': '#8abb68',
  'brand-4': '#817a82',
  'brand-5': '#524e4e',
}

RGB Array

[237, 229, 165], [201, 225, 114], [138, 187, 104], [129, 122, 130], [82, 78, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE5A5, #C9E172, #8ABB68, #817A82, #524E4E 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: #ede5a5; --color-2: #c9e172; --color-3: #8abb68; --color-4: #817a82; --color-5: #524e4e. 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