← Back to Editor

#905985 · #827990 · #77939A · #81B1A4 · #87C6A8

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

#905985

Rose Purple · Gray · Violet

HEX
#905985
RGB
rgb(144, 89, 133)
HSL
hsl(312, 24%, 46%)
HSB
hsb(312, 38%, 56%)
CMYK
cmyk(0%, 38%, 8%, 44%)
Oklch
oklch(54.0% 0.094 334.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#827990

Deep Indigo · Gray · Warm Gray

HEX
#827990
RGB
rgb(130, 121, 144)
HSL
hsl(263, 9%, 52%)
HSB
hsb(263, 16%, 56%)
CMYK
cmyk(10%, 16%, 0%, 44%)
Oklch
oklch(59.2% 0.036 303.1)

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

#77939A

Slate Blue · LightSlateGray · Lake Green

HEX
#77939A
RGB
rgb(119, 147, 154)
HSL
hsl(192, 15%, 54%)
HSB
hsb(192, 23%, 60%)
CMYK
cmyk(23%, 5%, 0%, 40%)
Oklch
oklch(64.4% 0.033 214.6)

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

#81B1A4

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#81B1A4
RGB
rgb(129, 177, 164)
HSL
hsl(164, 24%, 60%)
HSB
hsb(164, 27%, 69%)
CMYK
cmyk(27%, 0%, 7%, 31%)
Oklch
oklch(72.2% 0.055 176.1)

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

#87C6A8

Jade · DarkSeaGreen · Apple Green

HEX
#87C6A8
RGB
rgb(135, 198, 168)
HSL
hsl(151, 36%, 65%)
HSB
hsb(151, 32%, 78%)
CMYK
cmyk(32%, 0%, 15%, 22%)
Oklch
oklch(77.5% 0.078 163.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

905985
599164

Analogous

815991
905985
91596A

Triadic

905985
869159
598691

Split-Comp.

905985
6A9159
599181

Tetradic

905985
918159
599164
596A91

Contrast Matrix WCAG 2.1 Contrast

905985
827990
77939A
81B1A4
87C6A8
—
1.3
Fail
1.6
Fail
2.2
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
2.7
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
White BG
5.3AA
4.1AA Large
3.3AA Large
2.4Fail
2.0Fail
Black BG
4.0AA Large
5.1AA
6.4AA
8.8AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78787A
7E7E8A
838398
9696A7
A2A3AF

Deuteranopia

7B8078
7F7F89
827F98
938FA8
9F9AB1

Tritanopia

8D7270
828685
789797
83AAAA
8AB5B6

Achromatopsia

6E6E6E
7E7E7E
8B8B8B
A1A1A1
B0B0B0

Shades & Tints Shades & Tints

#905985

Dark
Light

#827990

Dark
Light

#77939A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #905985;
  --color-2: #827990;
  --color-3: #77939a;
  --color-4: #81b1a4;
  --color-5: #87c6a8;
}

SCSS

$color-1: #905985;
$color-2: #827990;
$color-3: #77939a;
$color-4: #81b1a4;
$color-5: #87c6a8;

TAILWIND

colors: {
  'brand-1': '#905985',
  'brand-2': '#827990',
  'brand-3': '#77939a',
  'brand-4': '#81b1a4',
  'brand-5': '#87c6a8',
}

RGB Array

[144, 89, 133], [130, 121, 144], [119, 147, 154], [129, 177, 164], [135, 198, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #905985, #827990, #77939A, #81B1A4, #87C6A8 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: #905985; --color-2: #827990; --color-3: #77939a; --color-4: #81b1a4; --color-5: #87c6a8. 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