← Back to Editor

#5EADB4 · #856C77 · #955A61 · #A34B93 · #36676D

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

#5EADB4

Slate Blue · CadetBlue · Lake Green

HEX
#5EADB4
RGB
rgb(94, 173, 180)
HSL
hsl(185, 36%, 54%)
HSB
hsb(185, 48%, 71%)
CMYK
cmyk(48%, 4%, 0%, 29%)
Oklch
oklch(70.0% 0.078 203.0)

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

#856C77

Dark Violet · Gray · Camellia

HEX
#856C77
RGB
rgb(133, 108, 119)
HSL
hsl(334, 10%, 47%)
HSB
hsb(334, 19%, 52%)
CMYK
cmyk(0%, 19%, 11%, 48%)
Oklch
oklch(55.9% 0.035 350.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#955A61

Crimson · DimGray · Passion Red

HEX
#955A61
RGB
rgb(149, 90, 97)
HSL
hsl(353, 25%, 47%)
HSB
hsb(353, 40%, 58%)
CMYK
cmyk(0%, 40%, 35%, 42%)
Oklch
oklch(53.6% 0.078 12.4)

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

#A34B93

Rose Purple · DarkOrchid · Violet

HEX
#A34B93
RGB
rgb(163, 75, 147)
HSL
hsl(311, 37%, 47%)
HSB
hsb(311, 54%, 64%)
CMYK
cmyk(0%, 54%, 10%, 36%)
Oklch
oklch(54.9% 0.147 334.8)

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

#36676D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#36676D
RGB
rgb(54, 103, 109)
HSL
hsl(187, 34%, 32%)
HSB
hsb(187, 50%, 43%)
CMYK
cmyk(50%, 6%, 0%, 57%)
Oklch
oklch(48.2% 0.054 205.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5EADB4
B4675F

Analogous

5FB491
5EADB4
5F83B4

Triadic

5EADB4
B45FAD
ADB45F

Split-Comp.

5EADB4
B45F83
B4915F

Tetradic

5EADB4
915FB4
B4675F
83B45F

Contrast Matrix WCAG 2.1 Contrast

5EADB4
856C77
955A61
A34B93
36676D
—
1.8
Fail
2.1
Fail
2.0
Fail
2.4
Fail
1.8
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
2.1
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
2.0
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
2.4
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
White BG
2.6Fail
4.8AA
5.4AA
5.3AA
6.3AA
Black BG
8.1AAA
4.4AA Large
3.9AA Large
4.0AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8081B2
7A7A74
7B7B5F
7D7C82
4B4C6C

Deuteranopia

7C76B2
7C7E74
7F835F
82897D
48456B

Tritanopia

62B1B1
847272
925E5E
9F7471
386A6A

Achromatopsia

969696
757575
6C6C6C
6E6E6E
595959

Shades & Tints Shades & Tints

#5EADB4

Dark
Light

#856C77

Dark
Light

#955A61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5eadb4;
  --color-2: #856c77;
  --color-3: #955a61;
  --color-4: #a34b93;
  --color-5: #36676d;
}

SCSS

$color-1: #5eadb4;
$color-2: #856c77;
$color-3: #955a61;
$color-4: #a34b93;
$color-5: #36676d;

TAILWIND

colors: {
  'brand-1': '#5eadb4',
  'brand-2': '#856c77',
  'brand-3': '#955a61',
  'brand-4': '#a34b93',
  'brand-5': '#36676d',
}

RGB Array

[94, 173, 180], [133, 108, 119], [149, 90, 97], [163, 75, 147], [54, 103, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5EADB4, #856C77, #955A61, #A34B93, #36676D 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: #5eadb4; --color-2: #856c77; --color-3: #955a61; --color-4: #a34b93; --color-5: #36676d. 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