← Back to Editor

#5F4863 · #5A5B83 · #6C98A5 · #637E93 · #94AD79

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5F4863

Dark Plum · DimGray · Eggplant

HEX
#5F4863
RGB
rgb(95, 72, 99)
HSL
hsl(291, 16%, 34%)
HSB
hsb(291, 27%, 39%)
CMYK
cmyk(4%, 27%, 0%, 61%)
Oklch
oklch(43.6% 0.052 321.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#5A5B83

Indigo · DimGray · Navy Blue

HEX
#5A5B83
RGB
rgb(90, 91, 131)
HSL
hsl(239, 19%, 43%)
HSB
hsb(239, 31%, 51%)
CMYK
cmyk(31%, 31%, 0%, 49%)
Oklch
oklch(48.7% 0.064 282.6)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#6C98A5

Slate Blue · CadetBlue · Lake Green

HEX
#6C98A5
RGB
rgb(108, 152, 165)
HSL
hsl(194, 24%, 54%)
HSB
hsb(194, 35%, 65%)
CMYK
cmyk(35%, 8%, 0%, 35%)
Oklch
oklch(65.2% 0.051 218.1)

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

#637E93

Slate Blue · SlateGray · Navy Blue

HEX
#637E93
RGB
rgb(99, 126, 147)
HSL
hsl(206, 20%, 48%)
HSB
hsb(206, 33%, 58%)
CMYK
cmyk(33%, 14%, 0%, 42%)
Oklch
oklch(58.0% 0.045 241.9)

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

#94AD79

Grass Green · DarkSeaGreen · Olive Green

HEX
#94AD79
RGB
rgb(148, 173, 121)
HSL
hsl(89, 24%, 58%)
HSB
hsb(89, 30%, 68%)
CMYK
cmyk(14%, 0%, 30%, 32%)
Oklch
oklch(71.5% 0.078 129.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F4863
4D6549

Analogous

534965
5F4863
65495B

Triadic

5F4863
656049
496560

Split-Comp.

5F4863
5B6549
496553

Tetradic

5F4863
655349
4D6549
495B65

Contrast Matrix WCAG 2.1 Contrast

5F4863
5A5B83
6C98A5
637E93
94AD79
—
1.3
Fail
2.6
Fail
1.9
Fail
3.3
AA Large
1.3
Fail
—
2.0
Fail
1.5
Fail
2.6
Fail
2.6
Fail
2.0
Fail
—
1.4
Fail
1.3
Fail
1.9
Fail
1.5
Fail
1.4
Fail
—
1.7
Fail
3.3
AA Large
2.6
Fail
1.3
Fail
1.7
Fail
—
White BG
8.1AAA
6.4AA
3.1AA Large
4.3AA Large
2.5Fail
Black BG
2.6Fail
3.3AA Large
6.7AA
4.9AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55555C
5A5A79
7F7FA2
6F6F8E
9F9F86

Deuteranopia

56585B
5A5A77
7D79A1
6D6B8D
9D9C89

Tritanopia

5E5756
5A7270
6E9F9F
648A89
959092

Achromatopsia

525252
5F5F5F
8C8C8C
787878
A0A0A0

Shades & Tints Shades & Tints

#5F4863

Dark
Light

#5A5B83

Dark
Light

#6C98A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f4863;
  --color-2: #5a5b83;
  --color-3: #6c98a5;
  --color-4: #637e93;
  --color-5: #94ad79;
}

SCSS

$color-1: #5f4863;
$color-2: #5a5b83;
$color-3: #6c98a5;
$color-4: #637e93;
$color-5: #94ad79;

TAILWIND

colors: {
  'brand-1': '#5f4863',
  'brand-2': '#5a5b83',
  'brand-3': '#6c98a5',
  'brand-4': '#637e93',
  'brand-5': '#94ad79',
}

RGB Array

[95, 72, 99], [90, 91, 131], [108, 152, 165], [99, 126, 147], [148, 173, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5F4863, #5A5B83, #6C98A5, #637E93, #94AD79 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: #5f4863; --color-2: #5a5b83; --color-3: #6c98a5; --color-4: #637e93; --color-5: #94ad79. 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