← Back to Editor

#85A98F · #4A7971 · #276766 · #0E1C1C · #265044

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 LibraryData Visualization

Color Details Color Details

#85A98F

Celadon · DarkSeaGreen · Olive Green

HEX
#85A98F
RGB
rgb(133, 169, 143)
HSL
hsl(137, 17%, 59%)
HSB
hsb(137, 21%, 66%)
CMYK
cmyk(21%, 0%, 15%, 34%)
Oklch
oklch(70.1% 0.055 153.5)

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

#4A7971

Mineral Blue · DimGray · Mint Ice

HEX
#4A7971
RGB
rgb(74, 121, 113)
HSL
hsl(170, 24%, 38%)
HSB
hsb(170, 39%, 47%)
CMYK
cmyk(39%, 0%, 7%, 53%)
Oklch
oklch(54.0% 0.053 182.3)

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

#276766

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#276766
RGB
rgb(39, 103, 102)
HSL
hsl(179, 45%, 28%)
HSB
hsb(179, 62%, 40%)
CMYK
cmyk(62%, 0%, 1%, 60%)
Oklch
oklch(47.3% 0.065 193.8)

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

#0E1C1C

Slate Blue · Black · Peacock Green

HEX
#0E1C1C
RGB
rgb(14, 28, 28)
HSL
hsl(180, 33%, 8%)
HSB
hsb(180, 50%, 11%)
CMYK
cmyk(50%, 0%, 0%, 89%)
Oklch
oklch(21.4% 0.019 195.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#265044

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#265044
RGB
rgb(38, 80, 68)
HSL
hsl(163, 36%, 23%)
HSB
hsb(163, 53%, 31%)
CMYK
cmyk(52%, 0%, 15%, 69%)
Oklch
oklch(39.7% 0.052 172.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85A98F
A8859E

Analogous

8CA885
85A98F
85A8A1

Triadic

85A98F
8F85A8
A88F85

Split-Comp.

85A98F
A185A8
A8858C

Tetradic

85A98F
858CA8
A8859E
A8A185

Contrast Matrix WCAG 2.1 Contrast

85A98F
4A7971
276766
0E1C1C
265044
—
1.9
Fail
2.5
Fail
6.7
AA
3.5
AA Large
1.9
Fail
—
1.3
Fail
3.5
AA Large
1.8
Fail
2.5
Fail
1.3
Fail
—
2.7
Fail
1.4
Fail
6.7
AA
3.5
AA Large
2.7
Fail
—
1.9
Fail
3.5
AA Large
1.8
Fail
1.4
Fail
1.9
Fail
—
White BG
2.6Fail
4.9AA
6.5AA
17.5AAA
9.1AAA
Black BG
8.1AAA
4.3AA Large
3.2AA Large
1.2Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

959595
5E5F73
434366
14141C
383947

Deuteranopia

939097
5C5873
3F3A66
13121C
363348

Tritanopia

879A9B
4C7475
2A6666
0F1C1C
28494A

Achromatopsia

9B9B9B
6A6A6A
545454
181818
424242

Shades & Tints Shades & Tints

#85A98F

Dark
Light

#4A7971

Dark
Light

#276766

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85a98f;
  --color-2: #4a7971;
  --color-3: #276766;
  --color-4: #0e1c1c;
  --color-5: #265044;
}

SCSS

$color-1: #85a98f;
$color-2: #4a7971;
$color-3: #276766;
$color-4: #0e1c1c;
$color-5: #265044;

TAILWIND

colors: {
  'brand-1': '#85a98f',
  'brand-2': '#4a7971',
  'brand-3': '#276766',
  'brand-4': '#0e1c1c',
  'brand-5': '#265044',
}

RGB Array

[133, 169, 143], [74, 121, 113], [39, 103, 102], [14, 28, 28], [38, 80, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #85A98F, #4A7971, #276766, #0E1C1C, #265044 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #85a98f; --color-2: #4a7971; --color-3: #276766; --color-4: #0e1c1c; --color-5: #265044. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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