← Back to Editor

#787882 · #5E3E51 · #BCBCB4 · #D5CFB9 · #E4B790

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

#787882

Ink Gray · Gray · Warm Gray

HEX
#787882
RGB
rgb(120, 120, 130)
HSL
hsl(240, 4%, 49%)
HSB
hsb(240, 8%, 51%)
CMYK
cmyk(8%, 8%, 0%, 49%)
Oklch
oklch(57.6% 0.015 285.9)

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

#5E3E51

Rose Purple · DarkSlateGray · Camellia

HEX
#5E3E51
RGB
rgb(94, 62, 81)
HSL
hsl(324, 21%, 31%)
HSB
hsb(324, 34%, 37%)
CMYK
cmyk(0%, 34%, 14%, 63%)
Oklch
oklch(40.7% 0.053 343.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#BCBCB4

Silver Gray · Silver · Pearl Gray

HEX
#BCBCB4
RGB
rgb(188, 188, 180)
HSL
hsl(60, 6%, 72%)
HSB
hsb(60, 4%, 74%)
CMYK
cmyk(0%, 0%, 4%, 26%)
Oklch
oklch(79.3% 0.011 106.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D5CFB9

Goose Yellow · LightGray · Lemon Cream

HEX
#D5CFB9
RGB
rgb(213, 207, 185)
HSL
hsl(47, 25%, 78%)
HSB
hsb(47, 13%, 84%)
CMYK
cmyk(0%, 3%, 13%, 16%)
Oklch
oklch(85.3% 0.030 94.4)

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

#E4B790

Apricot · BurlyWood · Warm Sun

HEX
#E4B790
RGB
rgb(228, 183, 144)
HSL
hsl(28, 61%, 73%)
HSB
hsb(28, 37%, 89%)
CMYK
cmyk(0%, 20%, 37%, 11%)
Oklch
oklch(81.0% 0.074 62.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

787882
828278

Analogous

787D82
787882
7D7882

Triadic

787882
827878
788278

Split-Comp.

787882
827D78
7D8278

Tetradic

787882
82787D
828278
78827D

Contrast Matrix WCAG 2.1 Contrast

787882
5E3E51
BCBCB4
D5CFB9
E4B790
—
2.1
Fail
2.3
Fail
2.8
Fail
2.4
Fail
2.1
Fail
—
4.8
AA
5.9
AA
5.0
AA
2.3
Fail
4.8
AA
—
1.2
Fail
1.0
Fail
2.8
Fail
5.9
AA
1.2
Fail
—
1.2
Fail
2.4
Fail
5.0
AA
1.0
Fail
1.2
Fail
—
White BG
4.4AA Large
9.2AAA
1.9Fail
1.6Fail
1.8Fail
Black BG
4.8AA
2.3Fail
11.0AAA
13.5AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787880
50504C
BCBCB6
D2D2BE
D1D099

Deuteranopia

78787F
52544B
BCBCB6
D3D3C0
D3D79C

Tritanopia

787E7D
5C4948
BCB7B8
D5C3C3
E2A1A3

Achromatopsia

797979
4A4A4A
BBBBBB
CECECE
C0C0C0

Shades & Tints Shades & Tints

#787882

Dark
Light

#5E3E51

Dark
Light

#BCBCB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #787882;
  --color-2: #5e3e51;
  --color-3: #bcbcb4;
  --color-4: #d5cfb9;
  --color-5: #e4b790;
}

SCSS

$color-1: #787882;
$color-2: #5e3e51;
$color-3: #bcbcb4;
$color-4: #d5cfb9;
$color-5: #e4b790;

TAILWIND

colors: {
  'brand-1': '#787882',
  'brand-2': '#5e3e51',
  'brand-3': '#bcbcb4',
  'brand-4': '#d5cfb9',
  'brand-5': '#e4b790',
}

RGB Array

[120, 120, 130], [94, 62, 81], [188, 188, 180], [213, 207, 185], [228, 183, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #787882, #5E3E51, #BCBCB4, #D5CFB9, #E4B790 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: #787882; --color-2: #5e3e51; --color-3: #bcbcb4; --color-4: #d5cfb9; --color-5: #e4b790. 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