← Back to Editor

#899A7A · #788F74 · #76705F · #624742 · #472929

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

#899A7A

Celadon · Gray · Olive Green

HEX
#899A7A
RGB
rgb(137, 154, 122)
HSL
hsl(92, 14%, 54%)
HSB
hsb(92, 21%, 60%)
CMYK
cmyk(11%, 0%, 21%, 40%)
Oklch
oklch(66.4% 0.050 130.5)

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

#788F74

Celadon · Gray · Olive Green

HEX
#788F74
RGB
rgb(120, 143, 116)
HSL
hsl(111, 11%, 51%)
HSB
hsb(111, 19%, 56%)
CMYK
cmyk(16%, 0%, 19%, 44%)
Oklch
oklch(62.4% 0.048 141.0)

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

#76705F

Ochre · DimGray · Honey Gold

HEX
#76705F
RGB
rgb(118, 112, 95)
HSL
hsl(44, 11%, 42%)
HSB
hsb(44, 19%, 46%)
CMYK
cmyk(0%, 5%, 19%, 54%)
Oklch
oklch(54.6% 0.027 90.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#624742

Crimson · DarkOliveGreen · Wine Red

HEX
#624742
RGB
rgb(98, 71, 66)
HSL
hsl(9, 20%, 32%)
HSB
hsb(9, 33%, 38%)
CMYK
cmyk(0%, 28%, 33%, 62%)
Oklch
oklch(42.6% 0.038 30.6)

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

#472929

Crimson · DarkSlateGray · Wine Red

HEX
#472929
RGB
rgb(71, 41, 41)
HSL
hsl(0, 27%, 22%)
HSB
hsb(0, 42%, 28%)
CMYK
cmyk(0%, 42%, 42%, 72%)
Oklch
oklch(31.9% 0.045 19.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

899A7A
8B799A

Analogous

999A79
899A7A
799A7A

Triadic

899A7A
79899A
9A7989

Split-Comp.

899A7A
7A799A
9A7999

Tetradic

899A7A
79999A
8B799A
9A7A79

Contrast Matrix WCAG 2.1 Contrast

899A7A
788F74
76705F
624742
472929
—
1.2
Fail
1.6
Fail
2.8
Fail
4.3
AA Large
1.2
Fail
—
1.4
Fail
2.4
Fail
3.7
AA Large
1.6
Fail
1.4
Fail
—
1.7
Fail
2.6
Fail
2.8
Fail
2.4
Fail
1.7
Fail
—
1.5
Fail
4.3
AA Large
3.7
AA Large
2.6
Fail
1.5
Fail
—
White BG
3.0AA Large
3.5AA Large
4.9AA
8.4AAA
13.0AAA
Black BG
7.0AA
6.0AA
4.3AA Large
2.5Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

909182
82827B
737363
565643
3A3A29

Deuteranopia

8F8E84
817F7C
747464
585A44
3C3E29

Tritanopia

8A8889
798081
766667
614444
462929

Achromatopsia

919191
858585
707070
4F4F4F
323232

Shades & Tints Shades & Tints

#899A7A

Dark
Light

#788F74

Dark
Light

#76705F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #899a7a;
  --color-2: #788f74;
  --color-3: #76705f;
  --color-4: #624742;
  --color-5: #472929;
}

SCSS

$color-1: #899a7a;
$color-2: #788f74;
$color-3: #76705f;
$color-4: #624742;
$color-5: #472929;

TAILWIND

colors: {
  'brand-1': '#899a7a',
  'brand-2': '#788f74',
  'brand-3': '#76705f',
  'brand-4': '#624742',
  'brand-5': '#472929',
}

RGB Array

[137, 154, 122], [120, 143, 116], [118, 112, 95], [98, 71, 66], [71, 41, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #899A7A, #788F74, #76705F, #624742, #472929 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: #899a7a; --color-2: #788f74; --color-3: #76705f; --color-4: #624742; --color-5: #472929. 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