← Back to Editor

#FEE5A3 · #70BE8C · #89A284 · #584865 · #DA2061

muted

A 5-color muted palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FEE5A3

Goose Yellow · Wheat · Lemon Cream

HEX
#FEE5A3
RGB
rgb(254, 229, 163)
HSL
hsl(44, 98%, 82%)
HSB
hsb(44, 36%, 100%)
CMYK
cmyk(0%, 10%, 36%, 0%)
Oklch
oklch(92.7% 0.088 89.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#70BE8C

Celadon · DarkSeaGreen · Olive Green

HEX
#70BE8C
RGB
rgb(112, 190, 140)
HSL
hsl(142, 38%, 59%)
HSB
hsb(142, 41%, 75%)
CMYK
cmyk(41%, 0%, 26%, 25%)
Oklch
oklch(73.7% 0.107 154.7)

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

#89A284

Celadon · DarkSeaGreen · Olive Green

HEX
#89A284
RGB
rgb(137, 162, 132)
HSL
hsl(110, 14%, 58%)
HSB
hsb(110, 19%, 64%)
CMYK
cmyk(15%, 0%, 19%, 36%)
Oklch
oklch(68.5% 0.051 140.4)

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

#584865

Dark Plum · DimGray · Eggplant

HEX
#584865
RGB
rgb(88, 72, 101)
HSL
hsl(273, 17%, 34%)
HSB
hsb(273, 29%, 40%)
CMYK
cmyk(13%, 29%, 0%, 60%)
Oklch
oklch(43.0% 0.051 309.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#DA2061

Dark Violet · Crimson · Camellia

HEX
#DA2061
RGB
rgb(218, 32, 97)
HSL
hsl(339, 74%, 49%)
HSB
hsb(339, 85%, 85%)
CMYK
cmyk(0%, 85%, 56%, 15%)
Oklch
oklch(58.0% 0.217 8.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE5A3
A4BCFE

Analogous

FEB9A4
FEE5A3
E9FEA4

Triadic

FEE5A3
A4FEE6
E6A4FE

Split-Comp.

FEE5A3
A4E9FE
B9A4FE

Tetradic

FEE5A3
A4FEB9
A4BCFE
FEA4E9

Contrast Matrix WCAG 2.1 Contrast

FEE5A3
70BE8C
89A284
584865
DA2061
—
1.8
Fail
2.2
Fail
6.7
AA
3.9
AA Large
1.8
Fail
—
1.2
Fail
3.7
AA Large
2.2
Fail
2.2
Fail
1.2
Fail
—
3.0
Fail
1.7
Fail
6.7
AA
3.7
AA Large
3.0
Fail
—
1.7
Fail
3.9
AA Large
2.2
Fail
1.7
Fail
1.7
Fail
—
White BG
1.2Fail
2.2Fail
2.8Fail
8.3AAA
4.8AA
Black BG
17.0AAA
9.4AAA
7.6AAA
2.5Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3B3
929298
94948B
51515E
898851

Deuteranopia

F5F7B7
8D879B
92918D
52535C
94A24D

Tritanopia

FDC0C2
74A2A4
8A9192
575857
D14542

Achromatopsia

E5E5E5
A1A1A1
979797
505050
5F5F5F

Shades & Tints Shades & Tints

#FEE5A3

Dark
Light

#70BE8C

Dark
Light

#89A284

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee5a3;
  --color-2: #70be8c;
  --color-3: #89a284;
  --color-4: #584865;
  --color-5: #da2061;
}

SCSS

$color-1: #fee5a3;
$color-2: #70be8c;
$color-3: #89a284;
$color-4: #584865;
$color-5: #da2061;

TAILWIND

colors: {
  'brand-1': '#fee5a3',
  'brand-2': '#70be8c',
  'brand-3': '#89a284',
  'brand-4': '#584865',
  'brand-5': '#da2061',
}

RGB Array

[254, 229, 163], [112, 190, 140], [137, 162, 132], [88, 72, 101], [218, 32, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FEE5A3, #70BE8C, #89A284, #584865, #DA2061 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: #fee5a3; --color-2: #70be8c; --color-3: #89a284; --color-4: #584865; --color-5: #da2061. 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