← Back to Editor

#608C8A · #7BA296 · #A5CDB0 · #D1E5CB · #8CABB0

muted

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

#608C8A

Mineral Blue · SlateGray · Mint Ice

HEX
#608C8A
RGB
rgb(96, 140, 138)
HSL
hsl(177, 19%, 46%)
HSB
hsb(177, 31%, 55%)
CMYK
cmyk(31%, 0%, 1%, 45%)
Oklch
oklch(60.8% 0.048 192.4)

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

#7BA296

Mineral Blue · LightSlateGray · Lake Green

HEX
#7BA296
RGB
rgb(123, 162, 150)
HSL
hsl(162, 17%, 56%)
HSB
hsb(162, 24%, 64%)
CMYK
cmyk(24%, 0%, 7%, 36%)
Oklch
oklch(68.0% 0.046 174.0)

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

#A5CDB0

Celadon · Silver · Apple Green

HEX
#A5CDB0
RGB
rgb(165, 205, 176)
HSL
hsl(137, 29%, 73%)
HSB
hsb(137, 20%, 80%)
CMYK
cmyk(20%, 0%, 14%, 20%)
Oklch
oklch(81.1% 0.059 153.5)

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

#D1E5CB

Celadon · LightGray · Mint Green

HEX
#D1E5CB
RGB
rgb(209, 229, 203)
HSL
hsl(106, 33%, 85%)
HSB
hsb(106, 11%, 90%)
CMYK
cmyk(9%, 0%, 11%, 10%)
Oklch
oklch(90.0% 0.041 138.5)

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

#8CABB0

Sky Blue · DarkGray · Lake Green

HEX
#8CABB0
RGB
rgb(140, 171, 176)
HSL
hsl(188, 19%, 62%)
HSB
hsb(188, 20%, 69%)
CMYK
cmyk(20%, 3%, 0%, 31%)
Oklch
oklch(72.0% 0.035 208.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

608C8A
8C5F61

Analogous

5F8C73
608C8A
5F788C

Triadic

608C8A
895F8C
8C895F

Split-Comp.

608C8A
8C5F78
8C735F

Tetradic

608C8A
735F8C
8C5F61
788C5F

Contrast Matrix WCAG 2.1 Contrast

608C8A
7BA296
A5CDB0
D1E5CB
8CABB0
—
1.3
Fail
2.1
Fail
2.8
Fail
1.5
Fail
1.3
Fail
—
1.6
Fail
2.1
Fail
1.1
Fail
2.1
Fail
1.6
Fail
—
1.3
Fail
1.4
Fail
2.8
Fail
2.1
Fail
1.3
Fail
—
1.8
Fail
1.5
Fail
1.1
Fail
1.4
Fail
1.8
Fail
—
White BG
3.7AA Large
2.8Fail
1.8Fail
1.3Fail
2.5Fail
Black BG
5.6AA
7.5AAA
12.0AAA
15.8AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73738A
8C8C99
B6B7B7
DADAD1
999AAF

Deuteranopia

716D8B
8A879A
B4B1B9
D9D7D3
9895AF

Tritanopia

628B8B
7D9B9C
A7BDBE
D2D6D7
8EAEAE

Achromatopsia

7F7F7F
959595
BEBEBE
DCDCDC
A2A2A2

Shades & Tints Shades & Tints

#608C8A

Dark
Light

#7BA296

Dark
Light

#A5CDB0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #608c8a;
  --color-2: #7ba296;
  --color-3: #a5cdb0;
  --color-4: #d1e5cb;
  --color-5: #8cabb0;
}

SCSS

$color-1: #608c8a;
$color-2: #7ba296;
$color-3: #a5cdb0;
$color-4: #d1e5cb;
$color-5: #8cabb0;

TAILWIND

colors: {
  'brand-1': '#608c8a',
  'brand-2': '#7ba296',
  'brand-3': '#a5cdb0',
  'brand-4': '#d1e5cb',
  'brand-5': '#8cabb0',
}

RGB Array

[96, 140, 138], [123, 162, 150], [165, 205, 176], [209, 229, 203], [140, 171, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #608C8A, #7BA296, #A5CDB0, #D1E5CB, #8CABB0 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: #608c8a; --color-2: #7ba296; --color-3: #a5cdb0; --color-4: #d1e5cb; --color-5: #8cabb0. 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