← Back to Editor

#B8ACA0 · #E8BD8B · #E0CAB4 · #CED9D7 · #D9D9D9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B8ACA0

Ginger · DarkGray · Warm Sun

HEX
#B8ACA0
RGB
rgb(184, 172, 160)
HSL
hsl(30, 14%, 67%)
HSB
hsb(30, 13%, 72%)
CMYK
cmyk(0%, 7%, 13%, 28%)
Oklch
oklch(75.1% 0.022 67.5)

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

#E8BD8B

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8BD8B
RGB
rgb(232, 189, 139)
HSL
hsl(32, 67%, 73%)
HSB
hsb(32, 40%, 91%)
CMYK
cmyk(0%, 19%, 40%, 9%)
Oklch
oklch(82.5% 0.082 70.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E0CAB4

Goose Yellow · Wheat · Peach Orange

HEX
#E0CAB4
RGB
rgb(224, 202, 180)
HSL
hsl(30, 42%, 79%)
HSB
hsb(30, 20%, 88%)
CMYK
cmyk(0%, 10%, 20%, 12%)
Oklch
oklch(85.1% 0.039 67.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CED9D7

Jade · LightGray · Glacier Blue

HEX
#CED9D7
RGB
rgb(206, 217, 215)
HSL
hsl(169, 13%, 83%)
HSB
hsb(169, 5%, 85%)
CMYK
cmyk(5%, 0%, 1%, 15%)
Oklch
oklch(87.6% 0.012 184.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D9D9D9

Silver Gray · LightGray · Pearl Gray

HEX
#D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0, 0%, 85%)
HSB
hsb(0, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Oklch
oklch(88.5% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8ACA0
9FABB7

Analogous

B79F9F
B8ACA0
B7B79F

Triadic

B8ACA0
9FB7AB
AB9FB7

Split-Comp.

B8ACA0
9FB7B7
9F9FB7

Tetradic

B8ACA0
9FB79F
9FABB7
B79FB7

Contrast Matrix WCAG 2.1 Contrast

B8ACA0
E8BD8B
E0CAB4
CED9D7
D9D9D9
—
1.3
Fail
1.4
Fail
1.5
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.6
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
2.2Fail
1.7Fail
1.6Fail
1.4Fail
1.4Fail
Black BG
9.4AAA
12.1AAA
13.3AAA
14.5AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3A3
D5D597
D6D6B9
D3D3D7
D9D9D9

Deuteranopia

B4B4A4
D8DB9A
D8D9BB
D2D1D8
D9D9D9

Tritanopia

B7A5A6
E6A1A3
DFBEBE
CFD8D8
D9D9D9

Achromatopsia

AEAEAE
C4C4C4
CECECE
D5D5D5
D9D9D9

Shades & Tints Shades & Tints

#B8ACA0

Dark
Light

#E8BD8B

Dark
Light

#E0CAB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8aca0;
  --color-2: #e8bd8b;
  --color-3: #e0cab4;
  --color-4: #ced9d7;
  --color-5: #d9d9d9;
}

SCSS

$color-1: #b8aca0;
$color-2: #e8bd8b;
$color-3: #e0cab4;
$color-4: #ced9d7;
$color-5: #d9d9d9;

TAILWIND

colors: {
  'brand-1': '#b8aca0',
  'brand-2': '#e8bd8b',
  'brand-3': '#e0cab4',
  'brand-4': '#ced9d7',
  'brand-5': '#d9d9d9',
}

RGB Array

[184, 172, 160], [232, 189, 139], [224, 202, 180], [206, 217, 215], [217, 217, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8ACA0, #E8BD8B, #E0CAB4, #CED9D7, #D9D9D9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #b8aca0; --color-2: #e8bd8b; --color-3: #e0cab4; --color-4: #ced9d7; --color-5: #d9d9d9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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