← Back to Editor

#8E9994 · #9DA585 · #6EB4B6 · #C5A3E3 · #706E60

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

#8E9994

Ash · LightSlateGray · Silver Sand

HEX
#8E9994
RGB
rgb(142, 153, 148)
HSL
hsl(153, 5%, 58%)
HSB
hsb(153, 7%, 60%)
CMYK
cmyk(7%, 0%, 3%, 40%)
Oklch
oklch(67.3% 0.015 167.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#9DA585

Grass Green · DarkSeaGreen · Olive Green

HEX
#9DA585
RGB
rgb(157, 165, 133)
HSL
hsl(75, 15%, 58%)
HSB
hsb(75, 19%, 65%)
CMYK
cmyk(5%, 0%, 19%, 35%)
Oklch
oklch(70.7% 0.046 119.0)

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

#6EB4B6

Slate Blue · MediumAquaMarine · Lake Green

HEX
#6EB4B6
RGB
rgb(110, 180, 182)
HSL
hsl(182, 33%, 57%)
HSB
hsb(182, 40%, 71%)
CMYK
cmyk(40%, 1%, 0%, 29%)
Oklch
oklch(72.5% 0.071 198.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#C5A3E3

Lilac · LightSteelBlue · Lilac Purple

HEX
#C5A3E3
RGB
rgb(197, 163, 227)
HSL
hsl(272, 53%, 76%)
HSB
hsb(272, 28%, 89%)
CMYK
cmyk(13%, 28%, 0%, 11%)
Oklch
oklch(76.8% 0.097 308.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#706E60

Autumn Sage · DimGray · Warm Gray

HEX
#706E60
RGB
rgb(112, 110, 96)
HSL
hsl(53, 8%, 41%)
HSB
hsb(53, 14%, 44%)
CMYK
cmyk(0%, 2%, 14%, 56%)
Oklch
oklch(53.6% 0.021 100.4)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E9994
998F93

Analogous

8F998F
8E9994
8F9999

Triadic

8E9994
948F99
99948F

Split-Comp.

8E9994
998F99
998F8F

Tetradic

8E9994
8F8F99
998F93
99998F

Contrast Matrix WCAG 2.1 Contrast

8E9994
9DA585
6EB4B6
C5A3E3
706E60
—
1.1
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.0
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
2.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
2.4
Fail
1.7
Fail
2.0
Fail
2.2
Fail
2.4
Fail
—
White BG
2.9Fail
2.6Fail
2.4Fail
2.2Fail
5.1AA
Black BG
7.1AAA
8.2AAA
8.9AAA
9.7AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

939395
A0A18D
8C8DB6
B6B6D4
6F6F63

Deuteranopia

929196
A09F8F
8883B5
B8BBD0
6F6F64

Tritanopia

8F9696
9D9394
72B5B5
C3C7C5
706667

Achromatopsia

959595
9F9F9F
9F9F9F
B4B4B4
6D6D6D

Shades & Tints Shades & Tints

#8E9994

Dark
Light

#9DA585

Dark
Light

#6EB4B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e9994;
  --color-2: #9da585;
  --color-3: #6eb4b6;
  --color-4: #c5a3e3;
  --color-5: #706e60;
}

SCSS

$color-1: #8e9994;
$color-2: #9da585;
$color-3: #6eb4b6;
$color-4: #c5a3e3;
$color-5: #706e60;

TAILWIND

colors: {
  'brand-1': '#8e9994',
  'brand-2': '#9da585',
  'brand-3': '#6eb4b6',
  'brand-4': '#c5a3e3',
  'brand-5': '#706e60',
}

RGB Array

[142, 153, 148], [157, 165, 133], [110, 180, 182], [197, 163, 227], [112, 110, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E9994, #9DA585, #6EB4B6, #C5A3E3, #706E60 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: #8e9994; --color-2: #9da585; --color-3: #6eb4b6; --color-4: #c5a3e3; --color-5: #706e60. 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