← Back to Editor

#BFB9C0 · #DFE0A2 · #A75A98 · #C79EC0 · #EAE5E9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#BFB9C0

Silver Gray · Silver · Pearl Gray

HEX
#BFB9C0
RGB
rgb(191, 185, 192)
HSL
hsl(291, 5%, 74%)
HSB
hsb(291, 4%, 75%)
CMYK
cmyk(1%, 4%, 0%, 25%)
Oklch
oklch(79.3% 0.012 321.3)

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

#DFE0A2

Fresh Green · Wheat · Lemon Cream

HEX
#DFE0A2
RGB
rgb(223, 224, 162)
HSL
hsl(61, 50%, 76%)
HSB
hsb(61, 28%, 88%)
CMYK
cmyk(0%, 0%, 28%, 12%)
Oklch
oklch(89.1% 0.080 108.7)

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

#A75A98

Rose Purple · Gray · Violet

HEX
#A75A98
RGB
rgb(167, 90, 152)
HSL
hsl(312, 30%, 50%)
HSB
hsb(312, 46%, 65%)
CMYK
cmyk(0%, 46%, 9%, 35%)
Oklch
oklch(57.9% 0.128 334.8)

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

#C79EC0

Mauve · Silver · Lilac Purple

HEX
#C79EC0
RGB
rgb(199, 158, 192)
HSL
hsl(310, 27%, 70%)
HSB
hsb(310, 21%, 78%)
CMYK
cmyk(0%, 21%, 4%, 22%)
Oklch
oklch(74.7% 0.067 332.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#EAE5E9

Mauve · Lavender · Lavender

HEX
#EAE5E9
RGB
rgb(234, 229, 233)
HSL
hsl(312, 11%, 91%)
HSB
hsb(312, 2%, 92%)
CMYK
cmyk(0%, 2%, 0%, 8%)
Oklch
oklch(92.7% 0.008 332.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB9C0
BAC0B9

Analogous

BCB9C0
BFB9C0
C0B9BE

Triadic

BFB9C0
C0BFB9
B9C0BF

Split-Comp.

BFB9C0
BEC0B9
B9C0BC

Tetradic

BFB9C0
C0BCB9
BAC0B9
B9BEC0

Contrast Matrix WCAG 2.1 Contrast

BFB9C0
DFE0A2
A75A98
C79EC0
EAE5E9
—
1.4
Fail
2.4
Fail
1.2
Fail
1.5
Fail
1.4
Fail
—
3.4
AA Large
1.7
Fail
1.1
Fail
2.4
Fail
3.4
AA Large
—
2.0
Fail
3.7
AA Large
1.2
Fail
1.7
Fail
2.0
Fail
—
1.9
Fail
1.5
Fail
1.1
Fail
3.7
AA Large
1.9
Fail
—
White BG
1.9Fail
1.4Fail
4.6AA
2.3Fail
1.2Fail
Black BG
10.9AAA
15.3AAA
4.6AA
9.1AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCBE
DFDFB1
868589
B5B5B8
E8E8E8

Deuteranopia

BDBDBE
DFDFB5
8A9085
B8BBB6
E8E9E8

Tritanopia

BFBDBD
DFBDBF
A37D7B
C5B1B0
EAE7E7

Achromatopsia

BCBCBC
D9D9D9
787878
AEAEAE
E7E7E7

Shades & Tints Shades & Tints

#BFB9C0

Dark
Light

#DFE0A2

Dark
Light

#A75A98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb9c0;
  --color-2: #dfe0a2;
  --color-3: #a75a98;
  --color-4: #c79ec0;
  --color-5: #eae5e9;
}

SCSS

$color-1: #bfb9c0;
$color-2: #dfe0a2;
$color-3: #a75a98;
$color-4: #c79ec0;
$color-5: #eae5e9;

TAILWIND

colors: {
  'brand-1': '#bfb9c0',
  'brand-2': '#dfe0a2',
  'brand-3': '#a75a98',
  'brand-4': '#c79ec0',
  'brand-5': '#eae5e9',
}

RGB Array

[191, 185, 192], [223, 224, 162], [167, 90, 152], [199, 158, 192], [234, 229, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFB9C0, #DFE0A2, #A75A98, #C79EC0, #EAE5E9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #bfb9c0; --color-2: #dfe0a2; --color-3: #a75a98; --color-4: #c79ec0; --color-5: #eae5e9. 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. 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 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