← Back to Editor

#EADAC0 · #80BB43 · #01A297 · #BBBA8A · #1F1D1B

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 LibraryData Visualization

Color Details Color Details

#EADAC0

Goose Yellow · Wheat · Peach Orange

HEX
#EADAC0
RGB
rgb(234, 218, 192)
HSL
hsl(37, 50%, 84%)
HSB
hsb(37, 18%, 92%)
CMYK
cmyk(0%, 7%, 18%, 8%)
Oklch
oklch(89.5% 0.039 80.0)

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

#80BB43

Celadon · DarkSeaGreen · Olive Green

HEX
#80BB43
RGB
rgb(128, 187, 67)
HSL
hsl(90, 47%, 50%)
HSB
hsb(90, 64%, 73%)
CMYK
cmyk(32%, 0%, 64%, 27%)
Oklch
oklch(72.7% 0.163 131.7)

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

#01A297

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#01A297
RGB
rgb(1, 162, 151)
HSL
hsl(176, 99%, 32%)
HSB
hsb(176, 99%, 64%)
CMYK
cmyk(99%, 0%, 7%, 36%)
Oklch
oklch(64.1% 0.112 186.3)

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

#BBBA8A

Fresh Green · Tan · Sunflower

HEX
#BBBA8A
RGB
rgb(187, 186, 138)
HSL
hsl(59, 26%, 64%)
HSB
hsb(59, 26%, 73%)
CMYK
cmyk(0%, 1%, 26%, 27%)
Oklch
oklch(77.8% 0.065 106.8)

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

#1F1D1B

Ink Black · Black · Dark Stone

HEX
#1F1D1B
RGB
rgb(31, 29, 27)
HSL
hsl(30, 7%, 11%)
HSB
hsb(30, 13%, 12%)
CMYK
cmyk(0%, 6%, 13%, 88%)
Oklch
oklch(23.2% 0.005 67.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EADAC0
C2D1EB

Analogous

EBC7C2
EADAC0
E6EBC2

Triadic

EADAC0
C2EBDB
DBC2EB

Split-Comp.

EADAC0
C2E6EB
C7C2EB

Tetradic

EADAC0
C2EBC7
C2D1EB
EBC2E6

Contrast Matrix WCAG 2.1 Contrast

EADAC0
80BB43
01A297
BBBA8A
1F1D1B
—
1.7
Fail
2.3
Fail
1.5
Fail
12.2
AAA
1.7
Fail
—
1.4
Fail
1.2
Fail
7.3
AAA
2.3
Fail
1.4
Fail
—
1.6
Fail
5.3
AA
1.5
Fail
1.2
Fail
1.6
Fail
—
8.4
AAA
12.2
AAA
7.3
AAA
5.3
AA
8.4
AAA
—
White BG
1.4Fail
2.3Fail
3.2AA Large
2.0Fail
16.8AAA
Black BG
15.3AAA
9.1AAA
6.6AA
10.5AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C6
9A9A60
47489A
BBBB96
1E1E1B

Deuteranopia

E4E5C8
969267
3D319A
BBBB98
1E1E1C

Tritanopia

E9CBCC
83777C
099C9C
BB9FA1
1F1C1C

Achromatopsia

DCDCDC
9C9C9C
717171
B5B5B5
1D1D1D

Shades & Tints Shades & Tints

#EADAC0

Dark
Light

#80BB43

Dark
Light

#01A297

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eadac0;
  --color-2: #80bb43;
  --color-3: #01a297;
  --color-4: #bbba8a;
  --color-5: #1f1d1b;
}

SCSS

$color-1: #eadac0;
$color-2: #80bb43;
$color-3: #01a297;
$color-4: #bbba8a;
$color-5: #1f1d1b;

TAILWIND

colors: {
  'brand-1': '#eadac0',
  'brand-2': '#80bb43',
  'brand-3': '#01a297',
  'brand-4': '#bbba8a',
  'brand-5': '#1f1d1b',
}

RGB Array

[234, 218, 192], [128, 187, 67], [1, 162, 151], [187, 186, 138], [31, 29, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EADAC0, #80BB43, #01A297, #BBBA8A, #1F1D1B 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: #eadac0; --color-2: #80bb43; --color-3: #01a297; --color-4: #bbba8a; --color-5: #1f1d1b. 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