← Back to Editor

#95C8B5 · #8EB49F · #7C7773 · #736467 · #564357

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

#95C8B5

Jade · DarkGray · Apple Green

HEX
#95C8B5
RGB
rgb(149, 200, 181)
HSL
hsl(158, 32%, 68%)
HSB
hsb(158, 25%, 78%)
CMYK
cmyk(25%, 0%, 9%, 22%)
Oklch
oklch(79.2% 0.060 169.8)

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

#8EB49F

Celadon · DarkSeaGreen · Apple Green

HEX
#8EB49F
RGB
rgb(142, 180, 159)
HSL
hsl(147, 20%, 63%)
HSB
hsb(147, 21%, 71%)
CMYK
cmyk(21%, 0%, 12%, 29%)
Oklch
oklch(73.6% 0.051 160.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#7C7773

Ink Gray · Gray · Warm Gray

HEX
#7C7773
RGB
rgb(124, 119, 115)
HSL
hsl(27, 4%, 47%)
HSB
hsb(27, 7%, 49%)
CMYK
cmyk(0%, 4%, 7%, 51%)
Oklch
oklch(57.2% 0.009 61.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#736467

Ink Gray · DimGray · Warm Gray

HEX
#736467
RGB
rgb(115, 100, 103)
HSL
hsl(348, 7%, 42%)
HSB
hsb(348, 13%, 45%)
CMYK
cmyk(0%, 13%, 10%, 55%)
Oklch
oklch(51.8% 0.020 4.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#564357

Dark Plum · DarkSlateGray · Eggplant

HEX
#564357
RGB
rgb(86, 67, 87)
HSL
hsl(297, 13%, 30%)
HSB
hsb(297, 23%, 34%)
CMYK
cmyk(1%, 23%, 0%, 66%)
Oklch
oklch(41.1% 0.041 324.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95C8B5
C893A6

Analogous

93C89A
95C8B5
93C1C8

Triadic

95C8B5
B493C8
C8B493

Split-Comp.

95C8B5
C893C1
C89A93

Tetradic

95C8B5
9A93C8
C893A6
C1C893

Contrast Matrix WCAG 2.1 Contrast

95C8B5
8EB49F
7C7773
736467
564357
—
1.2
Fail
2.4
Fail
3.0
Fail
4.8
AA
1.2
Fail
—
1.9
Fail
2.4
Fail
3.9
AA Large
2.4
Fail
1.9
Fail
—
1.3
Fail
2.0
Fail
3.0
Fail
2.4
Fail
1.3
Fail
—
1.6
Fail
4.8
AA
3.9
AA Large
2.0
Fail
1.6
Fail
—
White BG
1.9Fail
2.3Fail
4.4AA Large
5.6AA
9.0AAA
Black BG
11.2AAA
9.2AAA
4.7AA
3.7AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABACBA
9E9FA4
7A7A74
6D6C66
4E4E52

Deuteranopia

A8A4BB
9C99A5
7A7B74
6D6F66
4F5051

Tritanopia

98BDBE
90A8A9
7C7575
726666
554E4E

Achromatopsia

B7B7B7
A6A6A6
787878
696969
4B4B4B

Shades & Tints Shades & Tints

#95C8B5

Dark
Light

#8EB49F

Dark
Light

#7C7773

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95c8b5;
  --color-2: #8eb49f;
  --color-3: #7c7773;
  --color-4: #736467;
  --color-5: #564357;
}

SCSS

$color-1: #95c8b5;
$color-2: #8eb49f;
$color-3: #7c7773;
$color-4: #736467;
$color-5: #564357;

TAILWIND

colors: {
  'brand-1': '#95c8b5',
  'brand-2': '#8eb49f',
  'brand-3': '#7c7773',
  'brand-4': '#736467',
  'brand-5': '#564357',
}

RGB Array

[149, 200, 181], [142, 180, 159], [124, 119, 115], [115, 100, 103], [86, 67, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95C8B5, #8EB49F, #7C7773, #736467, #564357 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: #95c8b5; --color-2: #8eb49f; --color-3: #7c7773; --color-4: #736467; --color-5: #564357. 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