← Back to Editor

#605F65 · #845C6B · #9E757A · #B99691 · #4C3442

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#605F65

Ink Gray · DimGray · Charcoal

HEX
#605F65
RGB
rgb(96, 95, 101)
HSL
hsl(250, 3%, 38%)
HSB
hsb(250, 6%, 40%)
CMYK
cmyk(5%, 6%, 0%, 60%)
Oklch
oklch(48.8% 0.010 293.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#845C6B

Dark Violet · DimGray · Camellia

HEX
#845C6B
RGB
rgb(132, 92, 107)
HSL
hsl(338, 18%, 44%)
HSB
hsb(338, 30%, 52%)
CMYK
cmyk(0%, 30%, 19%, 48%)
Oklch
oklch(52.2% 0.056 355.0)

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

#9E757A

Crimson · Gray · Passion Red

HEX
#9E757A
RGB
rgb(158, 117, 122)
HSL
hsl(353, 17%, 54%)
HSB
hsb(353, 26%, 62%)
CMYK
cmyk(0%, 26%, 23%, 38%)
Oklch
oklch(60.5% 0.052 10.6)

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

#B99691

Peach Pink · DarkGray · Coral Red

HEX
#B99691
RGB
rgb(185, 150, 145)
HSL
hsl(8, 22%, 65%)
HSB
hsb(8, 22%, 73%)
CMYK
cmyk(0%, 19%, 22%, 27%)
Oklch
oklch(70.4% 0.043 27.7)

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

#4C3442

Rose Purple · DarkSlateGray · Raspberry

HEX
#4C3442
RGB
rgb(76, 52, 66)
HSL
hsl(325, 19%, 25%)
HSB
hsb(325, 32%, 30%)
CMYK
cmyk(0%, 32%, 13%, 70%)
Oklch
oklch(35.8% 0.041 343.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605F65
63645E

Analogous

5E6064
605F65
625E64

Triadic

605F65
645F5E
5E645F

Split-Comp.

605F65
64625E
60645E

Tetradic

605F65
645E60
63645E
5E6462

Contrast Matrix WCAG 2.1 Contrast

605F65
845C6B
9E757A
B99691
4C3442
—
1.1
Fail
1.6
Fail
2.4
Fail
1.8
Fail
1.1
Fail
—
1.4
Fail
2.1
Fail
2.0
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
2.8
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
4.2
AA Large
1.8
Fail
2.0
Fail
2.8
Fail
4.2
AA Large
—
White BG
6.3AA
5.6AA
4.0AA Large
2.7Fail
11.2AAA
Black BG
3.3AA Large
3.7AA Large
5.3AA
7.8AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

606064
737267
8C8C79
AAAA92
42413F

Deuteranopia

606063
757866
8F9279
ACAF93
43453E

Tritanopia

606262
826564
9C7878
B79393
4B3C3B

Achromatopsia

606060
6A6A6A
828282
A0A0A0
3D3D3D

Shades & Tints Shades & Tints

#605F65

Dark
Light

#845C6B

Dark
Light

#9E757A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605f65;
  --color-2: #845c6b;
  --color-3: #9e757a;
  --color-4: #b99691;
  --color-5: #4c3442;
}

SCSS

$color-1: #605f65;
$color-2: #845c6b;
$color-3: #9e757a;
$color-4: #b99691;
$color-5: #4c3442;

TAILWIND

colors: {
  'brand-1': '#605f65',
  'brand-2': '#845c6b',
  'brand-3': '#9e757a',
  'brand-4': '#b99691',
  'brand-5': '#4c3442',
}

RGB Array

[96, 95, 101], [132, 92, 107], [158, 117, 122], [185, 150, 145], [76, 52, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #605F65, #845C6B, #9E757A, #B99691, #4C3442 is ideal for: brand design, premium product pages, magazine layouts. 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: #605f65; --color-2: #845c6b; --color-3: #9e757a; --color-4: #b99691; --color-5: #4c3442. 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. 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