← Back to Editor

#98B191 · #778A88 · #82798F · #8F7884 · #7A626F

muted

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

#98B191

Celadon · DarkSeaGreen · Apple Green

HEX
#98B191
RGB
rgb(152, 177, 145)
HSL
hsl(107, 17%, 63%)
HSB
hsb(107, 18%, 69%)
CMYK
cmyk(14%, 0%, 18%, 31%)
Oklch
oklch(73.2% 0.053 138.9)

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

#778A88

Mineral Blue · SlateGray · Warm Gray

HEX
#778A88
RGB
rgb(119, 138, 136)
HSL
hsl(174, 8%, 50%)
HSB
hsb(174, 14%, 54%)
CMYK
cmyk(14%, 0%, 1%, 46%)
Oklch
oklch(61.8% 0.022 188.9)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#82798F

Deep Indigo · Gray · Warm Gray

HEX
#82798F
RGB
rgb(130, 121, 143)
HSL
hsl(265, 9%, 52%)
HSB
hsb(265, 15%, 56%)
CMYK
cmyk(9%, 15%, 0%, 44%)
Oklch
oklch(59.2% 0.035 303.9)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#8F7884

Rose Purple · Gray · Warm Gray

HEX
#8F7884
RGB
rgb(143, 120, 132)
HSL
hsl(329, 9%, 52%)
HSB
hsb(329, 16%, 56%)
CMYK
cmyk(0%, 16%, 8%, 44%)
Oklch
oklch(59.8% 0.033 345.4)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#7A626F

Rose Purple · DimGray · Camellia

HEX
#7A626F
RGB
rgb(122, 98, 111)
HSL
hsl(328, 11%, 43%)
HSB
hsb(328, 20%, 48%)
CMYK
cmyk(0%, 20%, 9%, 52%)
Oklch
oklch(52.4% 0.036 344.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98B191
AA91B1

Analogous

A8B191
98B191
91B19A

Triadic

98B191
9198B1
B19198

Split-Comp.

98B191
9A91B1
B191A8

Tetradic

98B191
91A8B1
AA91B1
B19A91

Contrast Matrix WCAG 2.1 Contrast

98B191
778A88
82798F
8F7884
7A626F
—
1.6
Fail
1.8
Fail
1.7
Fail
2.4
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.0
Fail
—
1.4
Fail
2.4
Fail
1.5
Fail
1.3
Fail
1.4
Fail
—
White BG
2.3Fail
3.6AA Large
4.1AA Large
4.0AA Large
5.5AA
Black BG
9.0AAA
5.8AA
5.1AA
5.2AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A399
7F7F88
7E7E8A
858581
706F6C

Deuteranopia

A1A09B
7E7D89
7F7F88
868880
71736B

Tritanopia

999FA0
788989
828585
8E7F7E
796969

Achromatopsia

A6A6A6
848484
7E7E7E
808080
6B6B6B

Shades & Tints Shades & Tints

#98B191

Dark
Light

#778A88

Dark
Light

#82798F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98b191;
  --color-2: #778a88;
  --color-3: #82798f;
  --color-4: #8f7884;
  --color-5: #7a626f;
}

SCSS

$color-1: #98b191;
$color-2: #778a88;
$color-3: #82798f;
$color-4: #8f7884;
$color-5: #7a626f;

TAILWIND

colors: {
  'brand-1': '#98b191',
  'brand-2': '#778a88',
  'brand-3': '#82798f',
  'brand-4': '#8f7884',
  'brand-5': '#7a626f',
}

RGB Array

[152, 177, 145], [119, 138, 136], [130, 121, 143], [143, 120, 132], [122, 98, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #98B191, #778A88, #82798F, #8F7884, #7A626F 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: #98b191; --color-2: #778a88; --color-3: #82798f; --color-4: #8f7884; --color-5: #7a626f. 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 muted-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