← Back to Editor

#EBE8E0 · #BBCAB7 · #94A482 · #5C6171 · #17200E

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

#EBE8E0

Goose Yellow · Beige · Lemon Cream

HEX
#EBE8E0
RGB
rgb(235, 232, 224)
HSL
hsl(44, 22%, 90%)
HSB
hsb(44, 5%, 92%)
CMYK
cmyk(0%, 1%, 5%, 8%)
Oklch
oklch(93.1% 0.011 89.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BBCAB7

Celadon · Silver · Apple Green

HEX
#BBCAB7
RGB
rgb(187, 202, 183)
HSL
hsl(107, 15%, 75%)
HSB
hsb(107, 9%, 79%)
CMYK
cmyk(7%, 0%, 9%, 21%)
Oklch
oklch(82.2% 0.031 139.1)

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

#94A482

Grass Green · DarkSeaGreen · Olive Green

HEX
#94A482
RGB
rgb(148, 164, 130)
HSL
hsl(88, 16%, 58%)
HSB
hsb(88, 21%, 64%)
CMYK
cmyk(10%, 0%, 21%, 36%)
Oklch
oklch(69.7% 0.051 128.2)

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

#5C6171

Indigo · DimGray · Prussian Blue

HEX
#5C6171
RGB
rgb(92, 97, 113)
HSL
hsl(226, 10%, 40%)
HSB
hsb(226, 19%, 44%)
CMYK
cmyk(19%, 14%, 0%, 56%)
Oklch
oklch(49.4% 0.026 271.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#17200E

Celadon · Black · Dark Green

HEX
#17200E
RGB
rgb(23, 32, 14)
HSL
hsl(90, 39%, 9%)
HSB
hsb(90, 56%, 13%)
CMYK
cmyk(28%, 0%, 56%, 87%)
Oklch
oklch(22.9% 0.035 130.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE8E0
E0E3EB

Analogous

EBE3E0
EBE8E0
E8EBE0

Triadic

EBE8E0
E0EBE8
E8E0EB

Split-Comp.

EBE8E0
E0E8EB
E3E0EB

Tetradic

EBE8E0
E0EBE3
E0E3EB
EBE0E8

Contrast Matrix WCAG 2.1 Contrast

EBE8E0
BBCAB7
94A482
5C6171
17200E
—
1.4
Fail
2.2
Fail
5.0
AA
13.7
AAA
1.4
Fail
—
1.6
Fail
3.6
AA Large
9.8
AAA
2.2
Fail
1.6
Fail
—
2.3
Fail
6.3
AA
5.0
AA
3.6
AA Large
2.3
Fail
—
2.7
Fail
13.7
AAA
9.8
AAA
6.3
AA
2.7
Fail
—
White BG
1.2Fail
1.7Fail
2.7Fail
6.2AA
16.8AAA
Black BG
17.2AAA
12.2AAA
7.9AAA
3.4AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAE2
C1C2BC
9B9B8A
5E5E6D
1B1B12

Deuteranopia

EAEAE2
C1C0BD
9A998C
5E5D6C
1A1A13

Tritanopia

EBE3E4
BCBFC0
959192
5C6A69
171617

Achromatopsia

E8E8E8
C3C3C3
9B9B9B
616161
1B1B1B

Shades & Tints Shades & Tints

#EBE8E0

Dark
Light

#BBCAB7

Dark
Light

#94A482

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe8e0;
  --color-2: #bbcab7;
  --color-3: #94a482;
  --color-4: #5c6171;
  --color-5: #17200e;
}

SCSS

$color-1: #ebe8e0;
$color-2: #bbcab7;
$color-3: #94a482;
$color-4: #5c6171;
$color-5: #17200e;

TAILWIND

colors: {
  'brand-1': '#ebe8e0',
  'brand-2': '#bbcab7',
  'brand-3': '#94a482',
  'brand-4': '#5c6171',
  'brand-5': '#17200e',
}

RGB Array

[235, 232, 224], [187, 202, 183], [148, 164, 130], [92, 97, 113], [23, 32, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE8E0, #BBCAB7, #94A482, #5C6171, #17200E 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: #ebe8e0; --color-2: #bbcab7; --color-3: #94a482; --color-4: #5c6171; --color-5: #17200e. 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