← Back to Editor

#79C6AE · #89B7A9 · #8EA991 · #979589 · #8B8B75

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

#79C6AE

Jade · MediumAquaMarine · Lake Green

HEX
#79C6AE
RGB
rgb(121, 198, 174)
HSL
hsl(161, 40%, 63%)
HSB
hsb(161, 39%, 78%)
CMYK
cmyk(39%, 0%, 12%, 22%)
Oklch
oklch(77.0% 0.085 172.1)

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

#89B7A9

Jade · DarkSeaGreen · Lake Green

HEX
#89B7A9
RGB
rgb(137, 183, 169)
HSL
hsl(162, 24%, 63%)
HSB
hsb(162, 25%, 72%)
CMYK
cmyk(25%, 0%, 8%, 28%)
Oklch
oklch(74.2% 0.053 174.1)

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

#8EA991

Celadon · DarkSeaGreen · Apple Green

HEX
#8EA991
RGB
rgb(142, 169, 145)
HSL
hsl(127, 14%, 61%)
HSB
hsb(127, 16%, 66%)
CMYK
cmyk(16%, 0%, 14%, 34%)
Oklch
oklch(70.7% 0.046 148.2)

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

#979589

Ash · Gray · Silver Sand

HEX
#979589
RGB
rgb(151, 149, 137)
HSL
hsl(51, 6%, 56%)
HSB
hsb(51, 9%, 59%)
CMYK
cmyk(0%, 1%, 9%, 41%)
Oklch
oklch(66.8% 0.017 99.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#8B8B75

Autumn Sage · Gray · Warm Gray

HEX
#8B8B75
RGB
rgb(139, 139, 117)
HSL
hsl(60, 9%, 50%)
HSB
hsb(60, 16%, 55%)
CMYK
cmyk(0%, 0%, 16%, 45%)
Oklch
oklch(63.1% 0.032 107.3)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79C6AE
C67B93

Analogous

7BC689
79C6AE
7BB9C6

Triadic

79C6AE
AE7BC6
C6AE7B

Split-Comp.

79C6AE
C67BB9
C6897B

Tetradic

79C6AE
897BC6
C67B93
B9C67B

Contrast Matrix WCAG 2.1 Contrast

79C6AE
89B7A9
8EA991
979589
8B8B75
—
1.1
Fail
1.3
Fail
1.5
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
2.0Fail
2.2Fail
2.6Fail
3.0AA Large
3.5AA Large
Black BG
10.5AAA
9.4AAA
8.2AAA
7.0AA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9BB4
9D9DAC
9A9A97
96968C
8B8B7A

Deuteranopia

9690B5
9A97AD
989698
96968D
8B8B7C

Tritanopia

7DB8B9
8BAFB0
8F9B9C
978E8F
8B7F7F

Achromatopsia

ACACAC
A8A8A8
9E9E9E
949494
888888

Shades & Tints Shades & Tints

#79C6AE

Dark
Light

#89B7A9

Dark
Light

#8EA991

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79c6ae;
  --color-2: #89b7a9;
  --color-3: #8ea991;
  --color-4: #979589;
  --color-5: #8b8b75;
}

SCSS

$color-1: #79c6ae;
$color-2: #89b7a9;
$color-3: #8ea991;
$color-4: #979589;
$color-5: #8b8b75;

TAILWIND

colors: {
  'brand-1': '#79c6ae',
  'brand-2': '#89b7a9',
  'brand-3': '#8ea991',
  'brand-4': '#979589',
  'brand-5': '#8b8b75',
}

RGB Array

[121, 198, 174], [137, 183, 169], [142, 169, 145], [151, 149, 137], [139, 139, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79C6AE, #89B7A9, #8EA991, #979589, #8B8B75 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: #79c6ae; --color-2: #89b7a9; --color-3: #8ea991; --color-4: #979589; --color-5: #8b8b75. 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