← Back to Editor

#E8C0A0 · #B8BAA8 · #88B3B0 · #0E0E0F · #BD8677

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

#E8C0A0

Apricot · BurlyWood · Peach Orange

HEX
#E8C0A0
RGB
rgb(232, 192, 160)
HSL
hsl(27, 61%, 77%)
HSB
hsb(27, 31%, 91%)
CMYK
cmyk(0%, 17%, 31%, 9%)
Oklch
oklch(83.5% 0.063 60.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B8BAA8

Fresh Green · DarkGray · Sunflower

HEX
#B8BAA8
RGB
rgb(184, 186, 168)
HSL
hsl(67, 12%, 69%)
HSB
hsb(67, 10%, 73%)
CMYK
cmyk(1%, 0%, 10%, 27%)
Oklch
oklch(78.2% 0.025 112.1)

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

#88B3B0

Jade · DarkSeaGreen · Lake Green

HEX
#88B3B0
RGB
rgb(136, 179, 176)
HSL
hsl(176, 22%, 62%)
HSB
hsb(176, 24%, 70%)
CMYK
cmyk(24%, 0%, 2%, 30%)
Oklch
oklch(73.5% 0.046 190.9)

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

#0E0E0F

Ink Black · Black · Jet Black

HEX
#0E0E0F
RGB
rgb(14, 14, 15)
HSL
hsl(240, 3%, 6%)
HSB
hsb(240, 7%, 6%)
CMYK
cmyk(7%, 7%, 0%, 94%)
Oklch
oklch(16.4% 0.002 286.2)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#BD8677

Crimson · DarkSalmon · Passion Red

HEX
#BD8677
RGB
rgb(189, 134, 119)
HSL
hsl(13, 35%, 60%)
HSB
hsb(13, 37%, 74%)
CMYK
cmyk(0%, 29%, 37%, 26%)
Oklch
oklch(67.1% 0.072 35.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C0A0
A1C8E8

Analogous

E8A1A4
E8C0A0
E8E5A1

Triadic

E8C0A0
A1E8C1
C1A1E8

Split-Comp.

E8C0A0
A1E8E5
A1A4E8

Tetradic

E8C0A0
A4E8A1
A1C8E8
E5A1E8

Contrast Matrix WCAG 2.1 Contrast

E8C0A0
B8BAA8
88B3B0
0E0E0F
BD8677
—
1.2
Fail
1.4
Fail
11.5
AAA
1.8
Fail
1.2
Fail
—
1.2
Fail
9.8
AAA
1.6
Fail
1.4
Fail
1.2
Fail
—
8.4
AAA
1.3
Fail
11.5
AAA
9.8
AAA
8.4
AAA
—
6.3
AA
1.8
Fail
1.6
Fail
1.3
Fail
6.3
AA
—
White BG
1.7Fail
2.0Fail
2.3Fail
19.3AAA
3.1AA Large
Black BG
12.5AAA
10.6AAA
9.1AAA
1.1Fail
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6A8
B9B9AC
9B9BB1
0E0E0F
A5A57B

Deuteranopia

D9DCAA
B9B9AD
9895B1
0E0E0F
A8AC7C

Tritanopia

E6AEAF
B8B0B1
8AB1B1
0E0F0F
BA7D7E

Achromatopsia

C8C8C8
B7B7B7
A6A6A6
0E0E0E
959595

Shades & Tints Shades & Tints

#E8C0A0

Dark
Light

#B8BAA8

Dark
Light

#88B3B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c0a0;
  --color-2: #b8baa8;
  --color-3: #88b3b0;
  --color-4: #0e0e0f;
  --color-5: #bd8677;
}

SCSS

$color-1: #e8c0a0;
$color-2: #b8baa8;
$color-3: #88b3b0;
$color-4: #0e0e0f;
$color-5: #bd8677;

TAILWIND

colors: {
  'brand-1': '#e8c0a0',
  'brand-2': '#b8baa8',
  'brand-3': '#88b3b0',
  'brand-4': '#0e0e0f',
  'brand-5': '#bd8677',
}

RGB Array

[232, 192, 160], [184, 186, 168], [136, 179, 176], [14, 14, 15], [189, 134, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8C0A0, #B8BAA8, #88B3B0, #0E0E0F, #BD8677 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: #e8c0a0; --color-2: #b8baa8; --color-3: #88b3b0; --color-4: #0e0e0f; --color-5: #bd8677. 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