← Back to Editor

#A7E2E7 · #7AA5A9 · #565140 · #A7AF80 · #DCE7A7

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

Color Details Color Details

#A7E2E7

Sky Blue · LightBlue · Glacier Blue

HEX
#A7E2E7
RGB
rgb(167, 226, 231)
HSL
hsl(185, 57%, 78%)
HSB
hsb(185, 28%, 91%)
CMYK
cmyk(28%, 2%, 0%, 9%)
Oklch
oklch(87.4% 0.060 202.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#7AA5A9

Slate Blue · CadetBlue · Lake Green

HEX
#7AA5A9
RGB
rgb(122, 165, 169)
HSL
hsl(185, 21%, 57%)
HSB
hsb(185, 28%, 66%)
CMYK
cmyk(28%, 2%, 0%, 34%)
Oklch
oklch(69.2% 0.047 203.3)

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

#565140

Ochre · DarkOliveGreen · Honey Gold

HEX
#565140
RGB
rgb(86, 81, 64)
HSL
hsl(46, 15%, 29%)
HSB
hsb(46, 26%, 34%)
CMYK
cmyk(0%, 6%, 26%, 66%)
Oklch
oklch(43.5% 0.028 93.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A7AF80

Grass Green · DarkSeaGreen · Olive Green

HEX
#A7AF80
RGB
rgb(167, 175, 128)
HSL
hsl(70, 23%, 59%)
HSB
hsb(70, 27%, 69%)
CMYK
cmyk(5%, 0%, 27%, 31%)
Oklch
oklch(73.6% 0.065 115.9)

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

#DCE7A7

Willow Green · Wheat · Apple Green

HEX
#DCE7A7
RGB
rgb(220, 231, 167)
HSL
hsl(70, 57%, 78%)
HSB
hsb(70, 28%, 91%)
CMYK
cmyk(5%, 0%, 28%, 9%)
Oklch
oklch(90.4% 0.084 116.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7E2E7
E7ACA7

Analogous

A7E7CC
A7E2E7
A7C2E7

Triadic

A7E2E7
E7A7E2
E2E7A7

Split-Comp.

A7E2E7
E7A7C2
E7CCA7

Tetradic

A7E2E7
CCA7E7
E7ACA7
C2E7A7

Contrast Matrix WCAG 2.1 Contrast

A7E2E7
7AA5A9
565140
A7AF80
DCE7A7
—
1.9
Fail
5.5
AA
1.6
Fail
1.1
Fail
1.9
Fail
—
2.9
Fail
1.2
Fail
2.1
Fail
5.5
AA
2.9
Fail
—
3.4
AA Large
6.1
AA
1.6
Fail
1.2
Fail
3.4
AA Large
—
1.8
Fail
1.1
Fail
2.1
Fail
6.1
AA
1.8
Fail
—
White BG
1.4Fail
2.7Fail
7.9AAA
2.3Fail
1.3Fail
Black BG
14.7AAA
7.8AAA
2.6Fail
9.1AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1E6
8D8DA8
545444
AAAB8B
E1E1B6

Deuteranopia

BDB9E6
8A87A8
545545
AAA98E
E0DFBA

Tritanopia

AAE5E5
7CA7A7
564748
A79496
DDC3C5

Achromatopsia

D1D1D1
999999
515151
A7A7A7
DCDCDC

Shades & Tints Shades & Tints

#A7E2E7

Dark
Light

#7AA5A9

Dark
Light

#565140

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7e2e7;
  --color-2: #7aa5a9;
  --color-3: #565140;
  --color-4: #a7af80;
  --color-5: #dce7a7;
}

SCSS

$color-1: #a7e2e7;
$color-2: #7aa5a9;
$color-3: #565140;
$color-4: #a7af80;
$color-5: #dce7a7;

TAILWIND

colors: {
  'brand-1': '#a7e2e7',
  'brand-2': '#7aa5a9',
  'brand-3': '#565140',
  'brand-4': '#a7af80',
  'brand-5': '#dce7a7',
}

RGB Array

[167, 226, 231], [122, 165, 169], [86, 81, 64], [167, 175, 128], [220, 231, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #A7E2E7, #7AA5A9, #565140, #A7AF80, #DCE7A7 is ideal for: 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: #a7e2e7; --color-2: #7aa5a9; --color-3: #565140; --color-4: #a7af80; --color-5: #dce7a7. 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. 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