← Back to Editor

#4F374D · #6B4944 · #6B6344 · #76856F · #7E9E96

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#4F374D

Rose Purple · DarkSlateGray · Eggplant

HEX
#4F374D
RGB
rgb(79, 55, 77)
HSL
hsl(305, 18%, 26%)
HSB
hsb(305, 30%, 31%)
CMYK
cmyk(0%, 30%, 3%, 69%)
Oklch
oklch(37.3% 0.049 329.3)

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

#6B4944

Crimson · DarkOliveGreen · Wine Red

HEX
#6B4944
RGB
rgb(107, 73, 68)
HSL
hsl(8, 22%, 34%)
HSB
hsb(8, 36%, 42%)
CMYK
cmyk(0%, 32%, 36%, 58%)
Oklch
oklch(44.2% 0.048 28.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#6B6344

Ochre · DarkOliveGreen · Honey Gold

HEX
#6B6344
RGB
rgb(107, 99, 68)
HSL
hsl(48, 22%, 34%)
HSB
hsb(48, 36%, 42%)
CMYK
cmyk(0%, 7%, 36%, 58%)
Oklch
oklch(49.9% 0.047 95.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#76856F

Celadon · Gray · Warm Gray

HEX
#76856F
RGB
rgb(118, 133, 111)
HSL
hsl(101, 9%, 48%)
HSB
hsb(101, 17%, 52%)
CMYK
cmyk(11%, 0%, 17%, 48%)
Oklch
oklch(59.8% 0.037 135.7)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#7E9E96

Mineral Blue · LightSlateGray · Lake Green

HEX
#7E9E96
RGB
rgb(126, 158, 150)
HSL
hsl(165, 14%, 56%)
HSB
hsb(165, 20%, 62%)
CMYK
cmyk(20%, 0%, 5%, 38%)
Oklch
oklch(67.3% 0.037 178.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F374D
364E38

Analogous

44364E
4F374D
4E3640

Triadic

4F374D
4C4E36
364C4E

Split-Comp.

4F374D
404E36
364E44

Tetradic

4F374D
4E4436
364E38
36404E

Contrast Matrix WCAG 2.1 Contrast

4F374D
6B4944
6B6344
76856F
7E9E96
—
1.3
Fail
1.8
Fail
2.7
Fail
3.6
AA Large
1.3
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
2.1
Fail
2.7
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
3.6
AA Large
2.7
Fail
2.1
Fail
1.3
Fail
—
White BG
10.6AAA
7.9AAA
6.0AA
3.9AA Large
2.9Fail
Black BG
2.0Fail
2.7Fail
3.5AA Large
5.4AA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454448
5C5C45
68674C
7C7D74
8C8C98

Deuteranopia

464846
5E6146
68694D
7C7B76
8A8898

Tritanopia

4E4343
694646
6B5153
777979
80999A

Achromatopsia

414141
535353
626262
7E7E7E
949494

Shades & Tints Shades & Tints

#4F374D

Dark
Light

#6B4944

Dark
Light

#6B6344

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f374d;
  --color-2: #6b4944;
  --color-3: #6b6344;
  --color-4: #76856f;
  --color-5: #7e9e96;
}

SCSS

$color-1: #4f374d;
$color-2: #6b4944;
$color-3: #6b6344;
$color-4: #76856f;
$color-5: #7e9e96;

TAILWIND

colors: {
  'brand-1': '#4f374d',
  'brand-2': '#6b4944',
  'brand-3': '#6b6344',
  'brand-4': '#76856f',
  'brand-5': '#7e9e96',
}

RGB Array

[79, 55, 77], [107, 73, 68], [107, 99, 68], [118, 133, 111], [126, 158, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F374D, #6B4944, #6B6344, #76856F, #7E9E96 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #4f374d; --color-2: #6b4944; --color-3: #6b6344; --color-4: #76856f; --color-5: #7e9e96. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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