← Back to Editor

#6C485B · #826F7E · #9B99A6 · #BFACB1 · #EBD1AC

muted

A 5-color muted 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

#6C485B

Rose Purple · DimGray · Camellia

HEX
#6C485B
RGB
rgb(108, 72, 91)
HSL
hsl(328, 20%, 35%)
HSB
hsb(328, 33%, 42%)
CMYK
cmyk(0%, 33%, 16%, 58%)
Oklch
oklch(44.8% 0.056 346.7)

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

#826F7E

Rose Purple · Gray · Warm Gray

HEX
#826F7E
RGB
rgb(130, 111, 126)
HSL
hsl(313, 8%, 47%)
HSB
hsb(313, 15%, 51%)
CMYK
cmyk(0%, 15%, 3%, 49%)
Oklch
oklch(56.5% 0.032 333.2)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#9B99A6

Ash · DarkGray · Silver Sand

HEX
#9B99A6
RGB
rgb(155, 153, 166)
HSL
hsl(249, 7%, 63%)
HSB
hsb(249, 8%, 65%)
CMYK
cmyk(7%, 8%, 0%, 35%)
Oklch
oklch(68.9% 0.019 293.0)

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

#BFACB1

Rouge · DarkGray · Rose Pink

HEX
#BFACB1
RGB
rgb(191, 172, 177)
HSL
hsl(344, 13%, 71%)
HSB
hsb(344, 10%, 75%)
CMYK
cmyk(0%, 10%, 7%, 25%)
Oklch
oklch(76.2% 0.023 359.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EBD1AC

Goose Yellow · Wheat · Peach Orange

HEX
#EBD1AC
RGB
rgb(235, 209, 172)
HSL
hsl(35, 61%, 80%)
HSB
hsb(35, 27%, 92%)
CMYK
cmyk(0%, 11%, 27%, 8%)
Oklch
oklch(87.3% 0.057 76.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C485B
476B58

Analogous

6A476B
6C485B
6B4749

Triadic

6C485B
5A6B47
475A6B

Split-Comp.

6C485B
496B47
476B6A

Tetradic

6C485B
6B6A47
476B58
47496B

Contrast Matrix WCAG 2.1 Contrast

6C485B
826F7E
9B99A6
BFACB1
EBD1AC
—
1.7
Fail
2.8
Fail
3.6
AA Large
5.2
AA
1.7
Fail
—
1.7
Fail
2.2
Fail
3.1
AA Large
2.8
Fail
1.7
Fail
—
1.3
Fail
1.9
Fail
3.6
AA Large
2.2
Fail
1.3
Fail
—
1.5
Fail
5.2
AA
3.1
AA Large
1.9
Fail
1.5
Fail
—
White BG
7.7AAA
4.6AA
2.8Fail
2.2Fail
1.5Fail
Black BG
2.7Fail
4.5AA
7.5AAA
9.8AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C56
7A7A7A
9A9AA3
B7B7B0
E0E0B5

Deuteranopia

5F6155
7B7C79
9A9AA2
B8B9B0
E1E3B7

Tritanopia

6A5352
817877
9BA0A0
BEAFAF
EABCBE

Achromatopsia

555555
767676
9B9B9B
B2B2B2
D5D5D5

Shades & Tints Shades & Tints

#6C485B

Dark
Light

#826F7E

Dark
Light

#9B99A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c485b;
  --color-2: #826f7e;
  --color-3: #9b99a6;
  --color-4: #bfacb1;
  --color-5: #ebd1ac;
}

SCSS

$color-1: #6c485b;
$color-2: #826f7e;
$color-3: #9b99a6;
$color-4: #bfacb1;
$color-5: #ebd1ac;

TAILWIND

colors: {
  'brand-1': '#6c485b',
  'brand-2': '#826f7e',
  'brand-3': '#9b99a6',
  'brand-4': '#bfacb1',
  'brand-5': '#ebd1ac',
}

RGB Array

[108, 72, 91], [130, 111, 126], [155, 153, 166], [191, 172, 177], [235, 209, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #6C485B, #826F7E, #9B99A6, #BFACB1, #EBD1AC 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: #6c485b; --color-2: #826f7e; --color-3: #9b99a6; --color-4: #bfacb1; --color-5: #ebd1ac. 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 muted-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