← Back to Editor

#6F5A5A · #7A6E60 · #868166 · #91956B · #9CA871

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

#6F5A5A

Crimson · DimGray · Wine Red

HEX
#6F5A5A
RGB
rgb(111, 90, 90)
HSL
hsl(0, 10%, 39%)
HSB
hsb(0, 19%, 44%)
CMYK
cmyk(0%, 19%, 19%, 56%)
Oklch
oklch(48.9% 0.028 18.1)

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

#7A6E60

Ochre · DimGray · Amber Brown

HEX
#7A6E60
RGB
rgb(122, 110, 96)
HSL
hsl(32, 12%, 43%)
HSB
hsb(32, 21%, 48%)
CMYK
cmyk(0%, 10%, 21%, 52%)
Oklch
oklch(54.5% 0.026 71.5)

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

#868166

Autumn Sage · Gray · Honey Gold

HEX
#868166
RGB
rgb(134, 129, 102)
HSL
hsl(51, 14%, 46%)
HSB
hsb(51, 24%, 53%)
CMYK
cmyk(0%, 4%, 24%, 47%)
Oklch
oklch(60.0% 0.040 98.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#91956B

Autumn Sage · Gray · Honey Gold

HEX
#91956B
RGB
rgb(145, 149, 107)
HSL
hsl(66, 17%, 50%)
HSB
hsb(66, 28%, 58%)
CMYK
cmyk(3%, 0%, 28%, 42%)
Oklch
oklch(65.6% 0.059 112.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9CA871

Grass Green · DarkSeaGreen · Olive Green

HEX
#9CA871
RGB
rgb(156, 168, 113)
HSL
hsl(73, 24%, 55%)
HSB
hsb(73, 33%, 66%)
CMYK
cmyk(7%, 0%, 33%, 34%)
Oklch
oklch(70.8% 0.077 118.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F5A5A
5A6D6D

Analogous

6D5A63
6F5A5A
6D635A

Triadic

6F5A5A
5A6D5A
5A5A6D

Split-Comp.

6F5A5A
5A6D63
5A636D

Tetradic

6F5A5A
636D5A
5A6D6D
635A6D

Contrast Matrix WCAG 2.1 Contrast

6F5A5A
7A6E60
868166
91956B
9CA871
—
1.3
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
6.4AA
5.0AA
3.9AA Large
3.1AA Large
2.5Fail
Black BG
3.3AA Large
4.2AA Large
5.3AA
6.7AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66665A
757563
84846D
939375
A1A17E

Deuteranopia

67695A
767664
84856E
939278
A1A082

Tritanopia

6E5A5A
796667
867273
917D7F
9D898B

Achromatopsia

606060
707070
7F7F7F
8F8F8F
9E9E9E

Shades & Tints Shades & Tints

#6F5A5A

Dark
Light

#7A6E60

Dark
Light

#868166

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f5a5a;
  --color-2: #7a6e60;
  --color-3: #868166;
  --color-4: #91956b;
  --color-5: #9ca871;
}

SCSS

$color-1: #6f5a5a;
$color-2: #7a6e60;
$color-3: #868166;
$color-4: #91956b;
$color-5: #9ca871;

TAILWIND

colors: {
  'brand-1': '#6f5a5a',
  'brand-2': '#7a6e60',
  'brand-3': '#868166',
  'brand-4': '#91956b',
  'brand-5': '#9ca871',
}

RGB Array

[111, 90, 90], [122, 110, 96], [134, 129, 102], [145, 149, 107], [156, 168, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F5A5A, #7A6E60, #868166, #91956B, #9CA871 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: #6f5a5a; --color-2: #7a6e60; --color-3: #868166; --color-4: #91956b; --color-5: #9ca871. 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