← Back to Editor

#8CA29D · #8EA189 · #8F9F74 · #AF886A · #CD755B

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

#8CA29D

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#8CA29D
RGB
rgb(140, 162, 157)
HSL
hsl(166, 11%, 59%)
HSB
hsb(166, 14%, 64%)
CMYK
cmyk(14%, 0%, 3%, 36%)
Oklch
oklch(69.4% 0.026 180.3)

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

#8EA189

Celadon · DarkSeaGreen · Olive Green

HEX
#8EA189
RGB
rgb(142, 161, 137)
HSL
hsl(107, 11%, 58%)
HSB
hsb(107, 15%, 63%)
CMYK
cmyk(12%, 0%, 15%, 37%)
Oklch
oklch(68.7% 0.041 139.2)

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

#8F9F74

Grass Green · Gray · Olive Green

HEX
#8F9F74
RGB
rgb(143, 159, 116)
HSL
hsl(82, 18%, 54%)
HSB
hsb(82, 27%, 62%)
CMYK
cmyk(10%, 0%, 27%, 38%)
Oklch
oklch(67.8% 0.063 124.6)

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

#AF886A

Tangerine · Gray · Warm Sun

HEX
#AF886A
RGB
rgb(175, 136, 106)
HSL
hsl(26, 30%, 55%)
HSB
hsb(26, 39%, 69%)
CMYK
cmyk(0%, 22%, 39%, 31%)
Oklch
oklch(65.6% 0.064 58.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CD755B

Crimson · Salmon · Passion Red

HEX
#CD755B
RGB
rgb(205, 117, 91)
HSL
hsl(14, 53%, 58%)
HSB
hsb(14, 56%, 80%)
CMYK
cmyk(0%, 43%, 56%, 20%)
Oklch
oklch(65.4% 0.117 37.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8CA29D
A28B90

Analogous

8BA291
8CA29D
8B9CA2

Triadic

8CA29D
9D8BA2
A29D8B

Split-Comp.

8CA29D
A28B9C
A2918B

Tetradic

8CA29D
918BA2
A28B90
9CA28B

Contrast Matrix WCAG 2.1 Contrast

8CA29D
8EA189
8F9F74
AF886A
CD755B
—
1.0
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.0
Fail
—
White BG
2.7Fail
2.8Fail
2.8Fail
3.2AA Large
3.3AA Large
Black BG
7.8AAA
7.6AAA
7.4AAA
6.6AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96969E
96968F
96967E
9E9E71
A7A661

Deuteranopia

94939F
959490
959481
A0A373
ACB363

Tritanopia

8D9F9F
8F9394
908788
AD7778
C96667

Achromatopsia

9B9B9B
999999
959595
909090
8C8C8C

Shades & Tints Shades & Tints

#8CA29D

Dark
Light

#8EA189

Dark
Light

#8F9F74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ca29d;
  --color-2: #8ea189;
  --color-3: #8f9f74;
  --color-4: #af886a;
  --color-5: #cd755b;
}

SCSS

$color-1: #8ca29d;
$color-2: #8ea189;
$color-3: #8f9f74;
$color-4: #af886a;
$color-5: #cd755b;

TAILWIND

colors: {
  'brand-1': '#8ca29d',
  'brand-2': '#8ea189',
  'brand-3': '#8f9f74',
  'brand-4': '#af886a',
  'brand-5': '#cd755b',
}

RGB Array

[140, 162, 157], [142, 161, 137], [143, 159, 116], [175, 136, 106], [205, 117, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8CA29D, #8EA189, #8F9F74, #AF886A, #CD755B 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: #8ca29d; --color-2: #8ea189; --color-3: #8f9f74; --color-4: #af886a; --color-5: #cd755b. 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