← Back to Editor

#EFEBE2 · #BEB4BC · #ACAAB5 · #78748D · #322F2A

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

#EFEBE2

Goose Yellow · Linen · Lemon Cream

HEX
#EFEBE2
RGB
rgb(239, 235, 226)
HSL
hsl(42, 29%, 91%)
HSB
hsb(42, 5%, 94%)
CMYK
cmyk(0%, 2%, 5%, 6%)
Oklch
oklch(94.1% 0.013 86.8)

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

#BEB4BC

Silver Gray · Silver · Pearl Gray

HEX
#BEB4BC
RGB
rgb(190, 180, 188)
HSL
hsl(312, 7%, 73%)
HSB
hsb(312, 5%, 75%)
CMYK
cmyk(0%, 5%, 1%, 25%)
Oklch
oklch(78.1% 0.016 332.3)

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

#ACAAB5

Ash · DarkGray · Silver Sand

HEX
#ACAAB5
RGB
rgb(172, 170, 181)
HSL
hsl(251, 7%, 69%)
HSB
hsb(251, 6%, 71%)
CMYK
cmyk(5%, 6%, 0%, 29%)
Oklch
oklch(74.3% 0.016 294.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#78748D

Deep Indigo · SlateGray · Navy Blue

HEX
#78748D
RGB
rgb(120, 116, 141)
HSL
hsl(250, 10%, 50%)
HSB
hsb(250, 18%, 55%)
CMYK
cmyk(15%, 18%, 0%, 45%)
Oklch
oklch(57.1% 0.038 292.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#322F2A

Ochre · DarkSlateGray · Dark Stone

HEX
#322F2A
RGB
rgb(50, 47, 42)
HSL
hsl(38, 9%, 18%)
HSB
hsb(38, 16%, 20%)
CMYK
cmyk(0%, 6%, 16%, 80%)
Oklch
oklch(30.7% 0.010 80.7)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEBE2
E1E5EF

Analogous

EFE4E1
EFEBE2
ECEFE1

Triadic

EFEBE2
E1EFEB
EBE1EF

Split-Comp.

EFEBE2
E1ECEF
E4E1EF

Tetradic

EFEBE2
E1EFE4
E1E5EF
EFE1EC

Contrast Matrix WCAG 2.1 Contrast

EFEBE2
BEB4BC
ACAAB5
78748D
322F2A
—
1.7
Fail
1.9
Fail
3.8
AA Large
11.2
AAA
1.7
Fail
—
1.1
Fail
2.2
Fail
6.6
AA
1.9
Fail
1.1
Fail
—
2.0
Fail
5.8
AA
3.8
AA Large
2.2
Fail
2.0
Fail
—
3.0
Fail
11.2
AAA
6.6
AA
5.8
AA
3.0
Fail
—
White BG
1.2Fail
2.0Fail
2.3Fail
4.5AA Large
13.3AAA
Black BG
17.7AAA
10.4AAA
9.2AAA
4.7AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
BABABA
ABABB2
767687
31312B

Deuteranopia

EEEEE5
BABBBA
ABABB2
777786
31312C

Tritanopia

EFE6E6
BEB9B8
ACB0B0
788281
322C2C

Achromatopsia

EBEBEB
B8B8B8
ACACAC
787878
2F2F2F

Shades & Tints Shades & Tints

#EFEBE2

Dark
Light

#BEB4BC

Dark
Light

#ACAAB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efebe2;
  --color-2: #beb4bc;
  --color-3: #acaab5;
  --color-4: #78748d;
  --color-5: #322f2a;
}

SCSS

$color-1: #efebe2;
$color-2: #beb4bc;
$color-3: #acaab5;
$color-4: #78748d;
$color-5: #322f2a;

TAILWIND

colors: {
  'brand-1': '#efebe2',
  'brand-2': '#beb4bc',
  'brand-3': '#acaab5',
  'brand-4': '#78748d',
  'brand-5': '#322f2a',
}

RGB Array

[239, 235, 226], [190, 180, 188], [172, 170, 181], [120, 116, 141], [50, 47, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEBE2, #BEB4BC, #ACAAB5, #78748D, #322F2A 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: #efebe2; --color-2: #beb4bc; --color-3: #acaab5; --color-4: #78748d; --color-5: #322f2a. 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