← Back to Editor

#EBEABC · #ADE0BC · #8FCCB8 · #83918D · #525757

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

#EBEABC

Fresh Green · Wheat · Lemon Cream

HEX
#EBEABC
RGB
rgb(235, 234, 188)
HSL
hsl(59, 54%, 83%)
HSB
hsb(59, 20%, 92%)
CMYK
cmyk(0%, 0%, 20%, 8%)
Oklch
oklch(92.6% 0.060 106.5)

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

#ADE0BC

Celadon · Silver · Apple Green

HEX
#ADE0BC
RGB
rgb(173, 224, 188)
HSL
hsl(138, 45%, 78%)
HSB
hsb(138, 23%, 88%)
CMYK
cmyk(23%, 0%, 16%, 12%)
Oklch
oklch(86.1% 0.072 153.9)

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

#8FCCB8

Jade · MediumAquaMarine · Lake Green

HEX
#8FCCB8
RGB
rgb(143, 204, 184)
HSL
hsl(160, 37%, 68%)
HSB
hsb(160, 30%, 80%)
CMYK
cmyk(30%, 0%, 10%, 20%)
Oklch
oklch(79.8% 0.069 172.1)

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

#83918D

Ash · LightSlateGray · Warm Gray

HEX
#83918D
RGB
rgb(131, 145, 141)
HSL
hsl(163, 6%, 54%)
HSB
hsb(163, 10%, 57%)
CMYK
cmyk(10%, 0%, 3%, 43%)
Oklch
oklch(64.4% 0.017 176.8)

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

#525757

Ink Gray · DimGray · Charcoal

HEX
#525757
RGB
rgb(82, 87, 87)
HSL
hsl(180, 3%, 33%)
HSB
hsb(180, 6%, 34%)
CMYK
cmyk(6%, 0%, 0%, 66%)
Oklch
oklch(45.2% 0.006 196.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEABC
BCBDEB

Analogous

EBD3BC
EBEABC
D4EBBC

Triadic

EBEABC
BCEBEA
EABCEB

Split-Comp.

EBEABC
BCD4EB
D3BCEB

Tetradic

EBEABC
BCEBD3
BCBDEB
EBBCD4

Contrast Matrix WCAG 2.1 Contrast

EBEABC
ADE0BC
8FCCB8
83918D
525757
—
1.2
Fail
1.5
Fail
2.7
Fail
6.0
AA
1.2
Fail
—
1.2
Fail
2.2
Fail
5.0
AA
1.5
Fail
1.2
Fail
—
1.8
Fail
4.0
AA Large
2.7
Fail
2.2
Fail
1.8
Fail
—
2.2
Fail
6.0
AA
5.0
AA
4.0
AA Large
2.2
Fail
—
White BG
1.2Fail
1.5Fail
1.8Fail
3.3AA Large
7.3AAA
Black BG
17.0AAA
14.2AAA
11.5AAA
6.4AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBC7
C3C4C5
A9AABD
89898E
545457

Deuteranopia

EBEBCA
C0BCC7
A6A1BE
88878E
545457

Tritanopia

EBD0D2
B0CCCD
92C1C2
848F8F
525757

Achromatopsia

E5E5E5
CDCDCD
B7B7B7
8C8C8C
565656

Shades & Tints Shades & Tints

#EBEABC

Dark
Light

#ADE0BC

Dark
Light

#8FCCB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebeabc;
  --color-2: #ade0bc;
  --color-3: #8fccb8;
  --color-4: #83918d;
  --color-5: #525757;
}

SCSS

$color-1: #ebeabc;
$color-2: #ade0bc;
$color-3: #8fccb8;
$color-4: #83918d;
$color-5: #525757;

TAILWIND

colors: {
  'brand-1': '#ebeabc',
  'brand-2': '#ade0bc',
  'brand-3': '#8fccb8',
  'brand-4': '#83918d',
  'brand-5': '#525757',
}

RGB Array

[235, 234, 188], [173, 224, 188], [143, 204, 184], [131, 145, 141], [82, 87, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBEABC, #ADE0BC, #8FCCB8, #83918D, #525757 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #ebeabc; --color-2: #ade0bc; --color-3: #8fccb8; --color-4: #83918d; --color-5: #525757. 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. 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