← Back to Editor

#5E4F50 · #9D6579 · #BF9097 · #D7C6BC · #EBDECB

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

#5E4F50

Crimson · DimGray · Charcoal

HEX
#5E4F50
RGB
rgb(94, 79, 80)
HSL
hsl(356, 9%, 34%)
HSB
hsb(356, 16%, 37%)
CMYK
cmyk(0%, 16%, 15%, 63%)
Oklch
oklch(44.3% 0.020 13.4)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#9D6579

Dark Violet · Gray · Rose Pink

HEX
#9D6579
RGB
rgb(157, 101, 121)
HSL
hsl(339, 22%, 51%)
HSB
hsb(339, 36%, 62%)
CMYK
cmyk(0%, 36%, 23%, 38%)
Oklch
oklch(57.3% 0.077 356.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#BF9097

Peach Pink · DarkGray · Coral Red

HEX
#BF9097
RGB
rgb(191, 144, 151)
HSL
hsl(351, 27%, 66%)
HSB
hsb(351, 25%, 75%)
CMYK
cmyk(0%, 25%, 21%, 25%)
Oklch
oklch(70.0% 0.058 8.7)

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

#D7C6BC

Apricot · Silver · Peach Orange

HEX
#D7C6BC
RGB
rgb(215, 198, 188)
HSL
hsl(22, 25%, 79%)
HSB
hsb(22, 13%, 84%)
CMYK
cmyk(0%, 8%, 13%, 16%)
Oklch
oklch(83.8% 0.024 52.6)

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

#EBDECB

Goose Yellow · Bisque · Peach Orange

HEX
#EBDECB
RGB
rgb(235, 222, 203)
HSL
hsl(36, 44%, 86%)
HSB
hsb(36, 14%, 92%)
CMYK
cmyk(0%, 6%, 14%, 8%)
Oklch
oklch(90.6% 0.029 77.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E4F50
4F5F5D

Analogous

5F4F58
5E4F50
5F564F

Triadic

5E4F50
505F4F
4F505F

Split-Comp.

5E4F50
4F5F56
4F585F

Tetradic

5E4F50
585F4F
4F5F5D
564F5F

Contrast Matrix WCAG 2.1 Contrast

5E4F50
9D6579
BF9097
D7C6BC
EBDECB
—
1.7
Fail
2.8
Fail
4.7
AA
5.8
AA
1.7
Fail
—
1.7
Fail
2.8
Fail
3.5
AA Large
2.8
Fail
1.7
Fail
—
1.7
Fail
2.1
Fail
4.7
AA
2.8
Fail
1.7
Fail
—
1.2
Fail
5.8
AA
3.5
AA Large
2.1
Fail
1.2
Fail
—
White BG
7.7AAA
4.6AA
2.7Fail
1.7Fail
1.3Fail
Black BG
2.7Fail
4.6AA
7.7AAA
12.7AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585750
858474
ABAA95
D0CFBE
E5E5D0

Deuteranopia

585A50
888C73
ADB195
D1D2BF
E6E7D1

Tritanopia

5D5050
9A7070
BD9494
D6C0C1
EAD3D4

Achromatopsia

545454
787878
9F9F9F
CACACA
E0E0E0

Shades & Tints Shades & Tints

#5E4F50

Dark
Light

#9D6579

Dark
Light

#BF9097

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e4f50;
  --color-2: #9d6579;
  --color-3: #bf9097;
  --color-4: #d7c6bc;
  --color-5: #ebdecb;
}

SCSS

$color-1: #5e4f50;
$color-2: #9d6579;
$color-3: #bf9097;
$color-4: #d7c6bc;
$color-5: #ebdecb;

TAILWIND

colors: {
  'brand-1': '#5e4f50',
  'brand-2': '#9d6579',
  'brand-3': '#bf9097',
  'brand-4': '#d7c6bc',
  'brand-5': '#ebdecb',
}

RGB Array

[94, 79, 80], [157, 101, 121], [191, 144, 151], [215, 198, 188], [235, 222, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E4F50, #9D6579, #BF9097, #D7C6BC, #EBDECB 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: #5e4f50; --color-2: #9d6579; --color-3: #bf9097; --color-4: #d7c6bc; --color-5: #ebdecb. 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