← Back to Editor

#B8A6BC · #CFC2D8 · #DCEBC5 · #B5CF95 · #B3B899

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B8A6BC

Lilac · DarkGray · Lilac Purple

HEX
#B8A6BC
RGB
rgb(184, 166, 188)
HSL
hsl(289, 14%, 69%)
HSB
hsb(289, 12%, 74%)
CMYK
cmyk(2%, 12%, 0%, 26%)
Oklch
oklch(74.7% 0.037 320.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#CFC2D8

Lilac · LightGray · Lilac Purple

HEX
#CFC2D8
RGB
rgb(207, 194, 216)
HSL
hsl(275, 22%, 80%)
HSB
hsb(275, 10%, 85%)
CMYK
cmyk(4%, 10%, 0%, 15%)
Oklch
oklch(83.1% 0.033 311.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#DCEBC5

Willow Green · LightGray · Mint Green

HEX
#DCEBC5
RGB
rgb(220, 235, 197)
HSL
hsl(84, 49%, 85%)
HSB
hsb(84, 16%, 92%)
CMYK
cmyk(6%, 0%, 16%, 8%)
Oklch
oklch(91.9% 0.053 125.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B5CF95

Willow Green · Tan · Apple Green

HEX
#B5CF95
RGB
rgb(181, 207, 149)
HSL
hsl(87, 38%, 70%)
HSB
hsb(87, 28%, 81%)
CMYK
cmyk(13%, 0%, 28%, 19%)
Oklch
oklch(82.1% 0.083 127.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#B3B899

Willow Green · DarkGray · Apple Green

HEX
#B3B899
RGB
rgb(179, 184, 153)
HSL
hsl(70, 18%, 66%)
HSB
hsb(70, 17%, 72%)
CMYK
cmyk(3%, 0%, 17%, 28%)
Oklch
oklch(77.0% 0.043 114.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8A6BC
A9BBA5

Analogous

ACA5BB
B8A6BC
BBA5B4

Triadic

B8A6BC
BBB7A5
A5BBB7

Split-Comp.

B8A6BC
B4BBA5
A5BBAC

Tetradic

B8A6BC
BBACA5
A9BBA5
A5B4BB

Contrast Matrix WCAG 2.1 Contrast

B8A6BC
CFC2D8
DCEBC5
B5CF95
B3B899
—
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
1.2
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.6
Fail
1.2
Fail
—
White BG
2.3Fail
1.7Fail
1.3Fail
1.7Fail
2.1Fail
Black BG
9.2AAA
12.4AAA
16.7AAA
12.3AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0B7
C9C9D3
E2E3CE
C0C0A3
B5B5A1

Deuteranopia

B1B3B5
CACBD1
E2E1D0
BFBDA6
B5B5A2

Tritanopia

B7B2B2
CECECE
DDD5D7
B6AEB1
B3A6A8

Achromatopsia

AEAEAE
C8C8C8
E2E2E2
C1C1C1
B3B3B3

Shades & Tints Shades & Tints

#B8A6BC

Dark
Light

#CFC2D8

Dark
Light

#DCEBC5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8a6bc;
  --color-2: #cfc2d8;
  --color-3: #dcebc5;
  --color-4: #b5cf95;
  --color-5: #b3b899;
}

SCSS

$color-1: #b8a6bc;
$color-2: #cfc2d8;
$color-3: #dcebc5;
$color-4: #b5cf95;
$color-5: #b3b899;

TAILWIND

colors: {
  'brand-1': '#b8a6bc',
  'brand-2': '#cfc2d8',
  'brand-3': '#dcebc5',
  'brand-4': '#b5cf95',
  'brand-5': '#b3b899',
}

RGB Array

[184, 166, 188], [207, 194, 216], [220, 235, 197], [181, 207, 149], [179, 184, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #B8A6BC, #CFC2D8, #DCEBC5, #B5CF95, #B3B899 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: #b8a6bc; --color-2: #cfc2d8; --color-3: #dcebc5; --color-4: #b5cf95; --color-5: #b3b899. 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 muted-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