← Back to Editor

#8C8894 · #BF959B · #E0A99D · #DEBDA9 · #BFB4A6

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

#8C8894

Ash · LightSlateGray · Silver Sand

HEX
#8C8894
RGB
rgb(140, 136, 148)
HSL
hsl(260, 5%, 56%)
HSB
hsb(260, 8%, 58%)
CMYK
cmyk(5%, 8%, 0%, 42%)
Oklch
oklch(63.4% 0.018 301.0)

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

#BF959B

Peach Pink · DarkGray · Coral Red

HEX
#BF959B
RGB
rgb(191, 149, 155)
HSL
hsl(351, 25%, 67%)
HSB
hsb(351, 22%, 75%)
CMYK
cmyk(0%, 22%, 19%, 25%)
Oklch
oklch(71.1% 0.051 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E0A99D

Peach Pink · Tan · Coral Red

HEX
#E0A99D
RGB
rgb(224, 169, 157)
HSL
hsl(11, 52%, 75%)
HSB
hsb(11, 30%, 88%)
CMYK
cmyk(0%, 25%, 30%, 12%)
Oklch
oklch(78.3% 0.068 32.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DEBDA9

Apricot · Tan · Peach Orange

HEX
#DEBDA9
RGB
rgb(222, 189, 169)
HSL
hsl(23, 45%, 77%)
HSB
hsb(23, 24%, 87%)
CMYK
cmyk(0%, 15%, 24%, 13%)
Oklch
oklch(82.2% 0.047 53.1)

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

#BFB4A6

Ginger · DarkGray · Warm Sun

HEX
#BFB4A6
RGB
rgb(191, 180, 166)
HSL
hsl(34, 16%, 70%)
HSB
hsb(34, 13%, 75%)
CMYK
cmyk(0%, 6%, 13%, 25%)
Oklch
oklch(77.5% 0.023 74.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C8894
919489

Analogous

898B94
8C8894
938994

Triadic

8C8894
948D89
89948D

Split-Comp.

8C8894
949389
8B9489

Tetradic

8C8894
94898B
919489
899493

Contrast Matrix WCAG 2.1 Contrast

8C8894
BF959B
E0A99D
DEBDA9
BFB4A6
—
1.3
Fail
1.7
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.0
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.3
Fail
1.0
Fail
1.2
Fail
—
White BG
3.5AA Large
2.6Fail
2.0Fail
1.8Fail
2.0Fail
Black BG
6.1AA
8.0AAA
10.3AAA
12.0AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A91
ADAC9A
C8C8A0
D0CFAE
BABAA9

Deuteranopia

8B8B90
AFB299
CBCFA1
D2D4AF
BBBCAA

Tritanopia

8C8F8E
BD9898
DDA2A3
DCB2B3
BEACAD

Achromatopsia

8B8B8B
A2A2A2
B8B8B8
C5C5C5
B6B6B6

Shades & Tints Shades & Tints

#8C8894

Dark
Light

#BF959B

Dark
Light

#E0A99D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c8894;
  --color-2: #bf959b;
  --color-3: #e0a99d;
  --color-4: #debda9;
  --color-5: #bfb4a6;
}

SCSS

$color-1: #8c8894;
$color-2: #bf959b;
$color-3: #e0a99d;
$color-4: #debda9;
$color-5: #bfb4a6;

TAILWIND

colors: {
  'brand-1': '#8c8894',
  'brand-2': '#bf959b',
  'brand-3': '#e0a99d',
  'brand-4': '#debda9',
  'brand-5': '#bfb4a6',
}

RGB Array

[140, 136, 148], [191, 149, 155], [224, 169, 157], [222, 189, 169], [191, 180, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C8894, #BF959B, #E0A99D, #DEBDA9, #BFB4A6 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: #8c8894; --color-2: #bf959b; --color-3: #e0a99d; --color-4: #debda9; --color-5: #bfb4a6. 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