← Back to Editor

#8EA887 · #739C84 · #6D8A86 · #5F6973 · #615669

space

A 5-color space 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

#8EA887

Celadon · DarkSeaGreen · Olive Green

HEX
#8EA887
RGB
rgb(142, 168, 135)
HSL
hsl(107, 16%, 59%)
HSB
hsb(107, 20%, 66%)
CMYK
cmyk(15%, 0%, 20%, 34%)
Oklch
oklch(70.3% 0.055 139.1)

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

#739C84

Celadon · LightSlateGray · Olive Green

HEX
#739C84
RGB
rgb(115, 156, 132)
HSL
hsl(145, 17%, 53%)
HSB
hsb(145, 26%, 61%)
CMYK
cmyk(26%, 0%, 15%, 39%)
Oklch
oklch(65.6% 0.057 158.7)

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

#6D8A86

Mineral Blue · SlateGray · Mint Ice

HEX
#6D8A86
RGB
rgb(109, 138, 134)
HSL
hsl(172, 12%, 48%)
HSB
hsb(172, 21%, 54%)
CMYK
cmyk(21%, 0%, 3%, 46%)
Oklch
oklch(61.0% 0.033 186.0)

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

#5F6973

Indigo · DimGray · Navy Blue

HEX
#5F6973
RGB
rgb(95, 105, 115)
HSL
hsl(210, 10%, 41%)
HSB
hsb(210, 17%, 45%)
CMYK
cmyk(17%, 9%, 0%, 55%)
Oklch
oklch(51.6% 0.020 248.2)

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

#615669

Dark Plum · DimGray · Eggplant

HEX
#615669
RGB
rgb(97, 86, 105)
HSL
hsl(275, 10%, 37%)
HSB
hsb(275, 18%, 41%)
CMYK
cmyk(8%, 18%, 0%, 59%)
Oklch
oklch(47.1% 0.033 311.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8EA887
A086A7

Analogous

9EA786
8EA887
86A78F

Triadic

8EA887
868DA7
A7868D

Split-Comp.

8EA887
8F86A7
A7869E

Tetradic

8EA887
869EA7
A086A7
A78F86

Contrast Matrix WCAG 2.1 Contrast

8EA887
739C84
6D8A86
5F6973
615669
—
1.2
Fail
1.4
Fail
2.2
Fail
2.7
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
2.7
Fail
2.2
Fail
1.8
Fail
1.2
Fail
—
White BG
2.6Fail
3.1AA Large
3.7AA Large
5.6AA
6.9AA
Black BG
8.1AAA
6.8AA
5.6AA
3.8AA Large
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

99998F
85858A
7A7A87
636371
5C5C64

Deuteranopia

989691
827F8B
787687
636270
5D5E63

Tritanopia

8F9597
758E8F
6E8888
606F6E
606160

Achromatopsia

9C9C9C
8D8D8D
818181
676767
5B5B5B

Shades & Tints Shades & Tints

#8EA887

Dark
Light

#739C84

Dark
Light

#6D8A86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ea887;
  --color-2: #739c84;
  --color-3: #6d8a86;
  --color-4: #5f6973;
  --color-5: #615669;
}

SCSS

$color-1: #8ea887;
$color-2: #739c84;
$color-3: #6d8a86;
$color-4: #5f6973;
$color-5: #615669;

TAILWIND

colors: {
  'brand-1': '#8ea887',
  'brand-2': '#739c84',
  'brand-3': '#6d8a86',
  'brand-4': '#5f6973',
  'brand-5': '#615669',
}

RGB Array

[142, 168, 135], [115, 156, 132], [109, 138, 134], [95, 105, 115], [97, 86, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #8EA887, #739C84, #6D8A86, #5F6973, #615669 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: #8ea887; --color-2: #739c84; --color-3: #6d8a86; --color-4: #5f6973; --color-5: #615669. 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 space-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