← Back to Editor

#4E2D42 · #C2B4B2 · #E7E0D6 · #9B878D · #6B515E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4E2D42

Rose Purple · DarkSlateGray · Raspberry

HEX
#4E2D42
RGB
rgb(78, 45, 66)
HSL
hsl(322, 27%, 24%)
HSB
hsb(322, 42%, 31%)
CMYK
cmyk(0%, 42%, 15%, 69%)
Oklch
oklch(34.6% 0.058 341.9)

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

#C2B4B2

Peach Pink · Silver · Coral Red

HEX
#C2B4B2
RGB
rgb(194, 180, 178)
HSL
hsl(8, 12%, 73%)
HSB
hsb(8, 8%, 76%)
CMYK
cmyk(0%, 7%, 8%, 24%)
Oklch
oklch(78.1% 0.016 27.3)

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

#E7E0D6

Goose Yellow · LightGray · Peach Orange

HEX
#E7E0D6
RGB
rgb(231, 224, 214)
HSL
hsl(35, 26%, 87%)
HSB
hsb(35, 7%, 91%)
CMYK
cmyk(0%, 3%, 7%, 9%)
Oklch
oklch(90.9% 0.015 77.1)

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

#9B878D

Dark Violet · Gray · Silver Sand

HEX
#9B878D
RGB
rgb(155, 135, 141)
HSL
hsl(342, 9%, 57%)
HSB
hsb(342, 13%, 61%)
CMYK
cmyk(0%, 13%, 9%, 39%)
Oklch
oklch(64.3% 0.026 357.8)

Traditional「Dark Violet」· Paint「Silver Sand」· Creative Urban Concrete

#6B515E

Dark Violet · DimGray · Camellia

HEX
#6B515E
RGB
rgb(107, 81, 94)
HSL
hsl(330, 14%, 37%)
HSB
hsb(330, 24%, 42%)
CMYK
cmyk(0%, 24%, 12%, 58%)
Oklch
oklch(46.6% 0.040 347.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E2D42
2D4E39

Analogous

492D4E
4E2D42
4E2D31

Triadic

4E2D42
424E2D
2D424E

Split-Comp.

4E2D42
314E2D
2D4E49

Tetradic

4E2D42
4E492D
2D4E39
2D314E

Contrast Matrix WCAG 2.1 Contrast

4E2D42
C2B4B2
E7E0D6
9B878D
6B515E
—
5.9
AA
9.0
AAA
3.5
AA Large
1.7
Fail
5.9
AA
—
1.5
Fail
1.7
Fail
3.5
AA Large
9.0
AAA
1.5
Fail
—
2.6
Fail
5.4
AA
3.5
AA Large
1.7
Fail
2.6
Fail
—
2.1
Fail
1.7
Fail
3.5
AA Large
5.4
AA
2.1
Fail
—
White BG
11.8AAA
2.0Fail
1.3Fail
3.4AA Large
7.1AAA
Black BG
1.8Fail
10.5AAA
16.0AAA
6.2AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F3D
BCBCB2
E4E4D8
92928C
60605B

Deuteranopia

42443C
BDBEB3
E4E5D9
94958B
61635A

Tritanopia

4C3938
C1B3B3
E7DADB
9A8A8A
6A5858

Achromatopsia

393939
B8B8B8
E1E1E1
8E8E8E
5A5A5A

Shades & Tints Shades & Tints

#4E2D42

Dark
Light

#C2B4B2

Dark
Light

#E7E0D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e2d42;
  --color-2: #c2b4b2;
  --color-3: #e7e0d6;
  --color-4: #9b878d;
  --color-5: #6b515e;
}

SCSS

$color-1: #4e2d42;
$color-2: #c2b4b2;
$color-3: #e7e0d6;
$color-4: #9b878d;
$color-5: #6b515e;

TAILWIND

colors: {
  'brand-1': '#4e2d42',
  'brand-2': '#c2b4b2',
  'brand-3': '#e7e0d6',
  'brand-4': '#9b878d',
  'brand-5': '#6b515e',
}

RGB Array

[78, 45, 66], [194, 180, 178], [231, 224, 214], [155, 135, 141], [107, 81, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E2D42, #C2B4B2, #E7E0D6, #9B878D, #6B515E 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: #4e2d42; --color-2: #c2b4b2; --color-3: #e7e0d6; --color-4: #9b878d; --color-5: #6b515e. 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 general-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