← Back to Editor

#7C5F6B · #937962 · #805C6A · #886A65 · #74686C

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 Library

Color Details Color Details

#7C5F6B

Dark Violet · DimGray · Camellia

HEX
#7C5F6B
RGB
rgb(124, 95, 107)
HSL
hsl(335, 13%, 43%)
HSB
hsb(335, 23%, 49%)
CMYK
cmyk(0%, 23%, 14%, 51%)
Oklch
oklch(51.9% 0.041 352.0)

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

#937962

Tangerine · Gray · Amber Brown

HEX
#937962
RGB
rgb(147, 121, 98)
HSL
hsl(28, 20%, 48%)
HSB
hsb(28, 33%, 58%)
CMYK
cmyk(0%, 18%, 33%, 42%)
Oklch
oklch(59.5% 0.047 63.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#805C6A

Dark Violet · DimGray · Camellia

HEX
#805C6A
RGB
rgb(128, 92, 106)
HSL
hsl(337, 16%, 43%)
HSB
hsb(337, 28%, 50%)
CMYK
cmyk(0%, 28%, 17%, 50%)
Oklch
oklch(51.7% 0.051 353.9)

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

#886A65

Crimson · DimGray · Passion Red

HEX
#886A65
RGB
rgb(136, 106, 101)
HSL
hsl(9, 15%, 46%)
HSB
hsb(9, 26%, 53%)
CMYK
cmyk(0%, 22%, 26%, 47%)
Oklch
oklch(55.3% 0.039 29.3)

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

#74686C

Ink Gray · DimGray · Warm Gray

HEX
#74686C
RGB
rgb(116, 104, 108)
HSL
hsl(340, 5%, 43%)
HSB
hsb(340, 10%, 45%)
CMYK
cmyk(0%, 10%, 7%, 55%)
Oklch
oklch(53.0% 0.016 355.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C5F6B
5F7C70

Analogous

7C5F7A
7C5F6B
7C625F

Triadic

7C5F6B
6B7C5F
5F6B7C

Split-Comp.

7C5F6B
5F7C62
5F7A7C

Tetradic

7C5F6B
7A7C5F
5F7C70
625F7C

Contrast Matrix WCAG 2.1 Contrast

7C5F6B
937962
805C6A
886A65
74686C
—
1.4
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.4
Fail
1.2
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
5.7AA
4.1AA Large
5.7AA
4.9AA
5.3AA
Black BG
3.7AA Large
5.2AA
3.7AA Large
4.3AA Large
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F68
888868
707067
7B7B66
6F6F6B

Deuteranopia

717367
898B69
737566
7D7F66
70706B

Tritanopia

7B6665
926C6D
7E6463
876767
736A6A

Achromatopsia

696969
7E7E7E
686868
727272
6C6C6C

Shades & Tints Shades & Tints

#7C5F6B

Dark
Light

#937962

Dark
Light

#805C6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c5f6b;
  --color-2: #937962;
  --color-3: #805c6a;
  --color-4: #886a65;
  --color-5: #74686c;
}

SCSS

$color-1: #7c5f6b;
$color-2: #937962;
$color-3: #805c6a;
$color-4: #886a65;
$color-5: #74686c;

TAILWIND

colors: {
  'brand-1': '#7c5f6b',
  'brand-2': '#937962',
  'brand-3': '#805c6a',
  'brand-4': '#886a65',
  'brand-5': '#74686c',
}

RGB Array

[124, 95, 107], [147, 121, 98], [128, 92, 106], [136, 106, 101], [116, 104, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C5F6B, #937962, #805C6A, #886A65, #74686C 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: #7c5f6b; --color-2: #937962; --color-3: #805c6a; --color-4: #886a65; --color-5: #74686c. 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