← Back to Editor

#96924D · #7F8258 · #687263 · #52626F · #616A73

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

#96924D

Autumn Sage · Gray · Honey Gold

HEX
#96924D
RGB
rgb(150, 146, 77)
HSL
hsl(57, 32%, 45%)
HSB
hsb(57, 49%, 59%)
CMYK
cmyk(0%, 3%, 49%, 41%)
Oklch
oklch(64.8% 0.091 105.7)

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

#7F8258

Autumn Sage · DimGray · Honey Gold

HEX
#7F8258
RGB
rgb(127, 130, 88)
HSL
hsl(64, 19%, 43%)
HSB
hsb(64, 32%, 51%)
CMYK
cmyk(2%, 0%, 32%, 49%)
Oklch
oklch(59.3% 0.060 111.5)

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

#687263

Ink Gray · DimGray · Warm Gray

HEX
#687263
RGB
rgb(104, 114, 99)
HSL
hsl(100, 7%, 42%)
HSB
hsb(100, 13%, 45%)
CMYK
cmyk(9%, 0%, 13%, 55%)
Oklch
oklch(53.9% 0.026 135.1)

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

#52626F

Slate Blue · DimGray · Prussian Blue

HEX
#52626F
RGB
rgb(82, 98, 111)
HSL
hsl(207, 15%, 38%)
HSB
hsb(207, 26%, 44%)
CMYK
cmyk(26%, 12%, 0%, 56%)
Oklch
oklch(48.8% 0.029 242.8)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#616A73

Indigo · DimGray · Warm Gray

HEX
#616A73
RGB
rgb(97, 106, 115)
HSL
hsl(210, 8%, 42%)
HSB
hsb(210, 16%, 45%)
CMYK
cmyk(16%, 8%, 0%, 55%)
Oklch
oklch(52.0% 0.018 248.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96924D
4E5297

Analogous

976F4E
96924D
76974E

Triadic

96924D
4E9794
944E97

Split-Comp.

96924D
4E7697
6F4E97

Tetradic

96924D
4E976F
4E5297
974E76

Contrast Matrix WCAG 2.1 Contrast

96924D
7F8258
687263
52626F
616A73
—
1.2
Fail
1.6
Fail
2.0
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.4
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
3.2AA Large
4.0AA Large
5.0AA
6.3AA
5.5AA
Black BG
6.5AA
5.2AA
4.2AA Large
3.3AA Large
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

94945E
808062
6C6C67
59596C
656571

Deuteranopia

959562
808065
6C6B68
58576B
646470

Tritanopia

966B6E
7F6A6C
69696A
536969
616F6F

Achromatopsia

8B8B8B
7C7C7C
6D6D6D
5F5F5F
686868

Shades & Tints Shades & Tints

#96924D

Dark
Light

#7F8258

Dark
Light

#687263

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96924d;
  --color-2: #7f8258;
  --color-3: #687263;
  --color-4: #52626f;
  --color-5: #616a73;
}

SCSS

$color-1: #96924d;
$color-2: #7f8258;
$color-3: #687263;
$color-4: #52626f;
$color-5: #616a73;

TAILWIND

colors: {
  'brand-1': '#96924d',
  'brand-2': '#7f8258',
  'brand-3': '#687263',
  'brand-4': '#52626f',
  'brand-5': '#616a73',
}

RGB Array

[150, 146, 77], [127, 130, 88], [104, 114, 99], [82, 98, 111], [97, 106, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #96924D, #7F8258, #687263, #52626F, #616A73 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: #96924d; --color-2: #7f8258; --color-3: #687263; --color-4: #52626f; --color-5: #616a73. 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