← Back to Editor

#A09A84 · #8C9F76 · #639F76 · #519587 · #4A8597

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

#A09A84

Ginger · DarkSeaGreen · Sunflower

HEX
#A09A84
RGB
rgb(160, 154, 132)
HSL
hsl(47, 13%, 57%)
HSB
hsb(47, 17%, 63%)
CMYK
cmyk(0%, 4%, 17%, 37%)
Oklch
oklch(68.5% 0.032 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#8C9F76

Grass Green · Gray · Olive Green

HEX
#8C9F76
RGB
rgb(140, 159, 118)
HSL
hsl(88, 18%, 54%)
HSB
hsb(88, 26%, 62%)
CMYK
cmyk(12%, 0%, 26%, 38%)
Oklch
oklch(67.7% 0.062 128.2)

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

#639F76

Celadon · CadetBlue · Olive Green

HEX
#639F76
RGB
rgb(99, 159, 118)
HSL
hsl(139, 24%, 51%)
HSB
hsb(139, 38%, 62%)
CMYK
cmyk(38%, 0%, 26%, 38%)
Oklch
oklch(65.0% 0.088 153.5)

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

#519587

Mineral Blue · CadetBlue · Mint Ice

HEX
#519587
RGB
rgb(81, 149, 135)
HSL
hsl(168, 30%, 45%)
HSB
hsb(168, 46%, 58%)
CMYK
cmyk(46%, 0%, 9%, 42%)
Oklch
oklch(62.1% 0.073 178.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4A8597

Slate Blue · SteelBlue · Mint Ice

HEX
#4A8597
RGB
rgb(74, 133, 151)
HSL
hsl(194, 34%, 44%)
HSB
hsb(194, 51%, 59%)
CMYK
cmyk(51%, 12%, 0%, 41%)
Oklch
oklch(58.4% 0.067 219.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09A84
8389A0

Analogous

A08B83
A09A84
98A083

Triadic

A09A84
83A099
9983A0

Split-Comp.

A09A84
8398A0
8B83A0

Tetradic

A09A84
83A08B
8389A0
A08398

Contrast Matrix WCAG 2.1 Contrast

A09A84
8C9F76
639F76
519587
4A8597
—
1.0
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
2.8Fail
2.9Fail
3.1AA Large
3.5AA Large
4.1AA Large
Black BG
7.5AAA
7.3AAA
6.8AA
6.0AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D89
949480
7D7E80
6E6F8A
646493

Deuteranopia

9E9E8B
939282
7A7582
6B658B
605C92

Tritanopia

A08E8E
8D8889
668889
548D8E
4D8F8E

Achromatopsia

999999
959595
888888
7F7F7F
757575

Shades & Tints Shades & Tints

#A09A84

Dark
Light

#8C9F76

Dark
Light

#639F76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09a84;
  --color-2: #8c9f76;
  --color-3: #639f76;
  --color-4: #519587;
  --color-5: #4a8597;
}

SCSS

$color-1: #a09a84;
$color-2: #8c9f76;
$color-3: #639f76;
$color-4: #519587;
$color-5: #4a8597;

TAILWIND

colors: {
  'brand-1': '#a09a84',
  'brand-2': '#8c9f76',
  'brand-3': '#639f76',
  'brand-4': '#519587',
  'brand-5': '#4a8597',
}

RGB Array

[160, 154, 132], [140, 159, 118], [99, 159, 118], [81, 149, 135], [74, 133, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09A84, #8C9F76, #639F76, #519587, #4A8597 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: #a09a84; --color-2: #8c9f76; --color-3: #639f76; --color-4: #519587; --color-5: #4a8597. 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