← Back to Editor

#909C84 · #797762 · #94B9A8 · #875F60 · #5C343C

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

#909C84

Celadon · Gray · Olive Green

HEX
#909C84
RGB
rgb(144, 156, 132)
HSL
hsl(90, 11%, 56%)
HSB
hsb(90, 15%, 61%)
CMYK
cmyk(8%, 0%, 15%, 39%)
Oklch
oklch(67.6% 0.037 129.1)

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

#797762

Autumn Sage · DimGray · Honey Gold

HEX
#797762
RGB
rgb(121, 119, 98)
HSL
hsl(55, 11%, 43%)
HSB
hsb(55, 19%, 47%)
CMYK
cmyk(0%, 2%, 19%, 53%)
Oklch
oklch(56.5% 0.031 102.9)

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

#94B9A8

Jade · DarkSeaGreen · Apple Green

HEX
#94B9A8
RGB
rgb(148, 185, 168)
HSL
hsl(152, 21%, 65%)
HSB
hsb(152, 20%, 73%)
CMYK
cmyk(20%, 0%, 9%, 27%)
Oklch
oklch(75.4% 0.047 165.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#875F60

Crimson · DimGray · Passion Red

HEX
#875F60
RGB
rgb(135, 95, 96)
HSL
hsl(358, 17%, 45%)
HSB
hsb(358, 30%, 53%)
CMYK
cmyk(0%, 30%, 29%, 47%)
Oklch
oklch(52.8% 0.052 17.3)

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

#5C343C

Crimson · DarkSlateGray · Wine Red

HEX
#5C343C
RGB
rgb(92, 52, 60)
HSL
hsl(348, 28%, 28%)
HSB
hsb(348, 43%, 36%)
CMYK
cmyk(0%, 43%, 35%, 64%)
Oklch
oklch(37.7% 0.058 7.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

909C84
8F829B

Analogous

9B9B82
909C84
829B82

Triadic

909C84
828F9B
9B828F

Split-Comp.

909C84
82829B
9B829B

Tetradic

909C84
829B9B
8F829B
9B8282

Contrast Matrix WCAG 2.1 Contrast

909C84
797762
94B9A8
875F60
5C343C
—
1.6
Fail
1.3
Fail
1.9
Fail
3.6
AA Large
1.6
Fail
—
2.1
Fail
1.2
Fail
2.3
Fail
1.3
Fail
2.1
Fail
—
2.5
Fail
4.9
AA
1.9
Fail
1.2
Fail
2.5
Fail
—
1.9
Fail
3.6
AA Large
2.3
Fail
4.9
AA
1.9
Fail
—
White BG
2.9Fail
4.5AA
2.2Fail
5.5AA
10.4AAA
Black BG
7.3AAA
4.6AA
9.8AAA
3.8AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

95958A
787867
A4A4AC
767560
4B4A3A

Deuteranopia

95948B
787868
A29FAD
787B60
4D503A

Tritanopia

918E8F
796B6C
96AFB0
856060
5A3938

Achromatopsia

969696
757575
ACACAC
6B6B6B
414141

Shades & Tints Shades & Tints

#909C84

Dark
Light

#797762

Dark
Light

#94B9A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #909c84;
  --color-2: #797762;
  --color-3: #94b9a8;
  --color-4: #875f60;
  --color-5: #5c343c;
}

SCSS

$color-1: #909c84;
$color-2: #797762;
$color-3: #94b9a8;
$color-4: #875f60;
$color-5: #5c343c;

TAILWIND

colors: {
  'brand-1': '#909c84',
  'brand-2': '#797762',
  'brand-3': '#94b9a8',
  'brand-4': '#875f60',
  'brand-5': '#5c343c',
}

RGB Array

[144, 156, 132], [121, 119, 98], [148, 185, 168], [135, 95, 96], [92, 52, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #909C84, #797762, #94B9A8, #875F60, #5C343C 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: #909c84; --color-2: #797762; --color-3: #94b9a8; --color-4: #875f60; --color-5: #5c343c. 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