← Back to Editor

#A8E6CD · #F4F5CD · #D4AF83 · #373826 · #82B18F

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

#A8E6CD

Jade · LightBlue · Apple Green

HEX
#A8E6CD
RGB
rgb(168, 230, 205)
HSL
hsl(156, 55%, 78%)
HSB
hsb(156, 27%, 90%)
CMYK
cmyk(27%, 0%, 11%, 10%)
Oklch
oklch(87.6% 0.072 167.8)

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

#F4F5CD

Fresh Green · Beige · Lemon Cream

HEX
#F4F5CD
RGB
rgb(244, 245, 205)
HSL
hsl(61, 67%, 88%)
HSB
hsb(61, 16%, 96%)
CMYK
cmyk(0%, 0%, 16%, 4%)
Oklch
oklch(95.9% 0.052 108.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4AF83

Ginger · Tan · Warm Sun

HEX
#D4AF83
RGB
rgb(212, 175, 131)
HSL
hsl(33, 49%, 67%)
HSB
hsb(33, 38%, 83%)
CMYK
cmyk(0%, 17%, 38%, 17%)
Oklch
oklch(77.6% 0.073 71.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#373826

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#373826
RGB
rgb(55, 56, 38)
HSL
hsl(63, 19%, 18%)
HSB
hsb(63, 32%, 22%)
CMYK
cmyk(2%, 0%, 32%, 78%)
Oklch
oklch(33.4% 0.030 110.6)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#82B18F

Celadon · DarkSeaGreen · Olive Green

HEX
#82B18F
RGB
rgb(130, 177, 143)
HSL
hsl(137, 23%, 60%)
HSB
hsb(137, 27%, 69%)
CMYK
cmyk(27%, 0%, 19%, 31%)
Oklch
oklch(71.7% 0.070 153.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8E6CD
E6A8C1

Analogous

A8E6AE
A8E6CD
A8E0E6

Triadic

A8E6CD
CDA8E6
E6CDA8

Split-Comp.

A8E6CD
E6A8E0
E6AEA8

Tetradic

A8E6CD
AEA8E6
E6A8C1
E0E6A8

Contrast Matrix WCAG 2.1 Contrast

A8E6CD
F4F5CD
D4AF83
373826
82B18F
—
1.3
Fail
1.4
Fail
8.5
AAA
1.7
Fail
1.3
Fail
—
1.8
Fail
10.7
AAA
2.2
Fail
1.4
Fail
1.8
Fail
—
5.8
AA
1.2
Fail
8.5
AAA
10.7
AAA
5.8
AA
—
4.9
AA
1.7
Fail
2.2
Fail
1.2
Fail
4.9
AA
—
White BG
1.4Fail
1.1Fail
2.0Fail
12.0AAA
2.4Fail
Black BG
14.9AAA
18.8AAA
10.3AAA
1.8Fail
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3D3
F4F4D7
C4C48E
37372A
969797

Deuteranopia

BFBBD5
F4F4D9
C6C990
37372B
949099

Tritanopia

ABD8D9
F4DEE0
D29698
372E2F
849E9F

Achromatopsia

D1D1D1
F0F0F0
B5B5B5
363636
9F9F9F

Shades & Tints Shades & Tints

#A8E6CD

Dark
Light

#F4F5CD

Dark
Light

#D4AF83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8e6cd;
  --color-2: #f4f5cd;
  --color-3: #d4af83;
  --color-4: #373826;
  --color-5: #82b18f;
}

SCSS

$color-1: #a8e6cd;
$color-2: #f4f5cd;
$color-3: #d4af83;
$color-4: #373826;
$color-5: #82b18f;

TAILWIND

colors: {
  'brand-1': '#a8e6cd',
  'brand-2': '#f4f5cd',
  'brand-3': '#d4af83',
  'brand-4': '#373826',
  'brand-5': '#82b18f',
}

RGB Array

[168, 230, 205], [244, 245, 205], [212, 175, 131], [55, 56, 38], [130, 177, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #A8E6CD, #F4F5CD, #D4AF83, #373826, #82B18F 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: #a8e6cd; --color-2: #f4f5cd; --color-3: #d4af83; --color-4: #373826; --color-5: #82b18f. 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