← Back to Editor

#F1E2E5 · #E7AAB8 · #C26E80 · #90495D · #553D4D

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

#F1E2E5

Peach Pink · Linen · Cherry Blossom

HEX
#F1E2E5
RGB
rgb(241, 226, 229)
HSL
hsl(348, 35%, 92%)
HSB
hsb(348, 6%, 95%)
CMYK
cmyk(0%, 6%, 5%, 5%)
Oklch
oklch(92.6% 0.017 3.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E7AAB8

Peach Pink · LightPink · Coral Red

HEX
#E7AAB8
RGB
rgb(231, 170, 184)
HSL
hsl(346, 56%, 79%)
HSB
hsb(346, 26%, 91%)
CMYK
cmyk(0%, 26%, 20%, 9%)
Oklch
oklch(79.9% 0.074 3.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C26E80

Crimson · LightCoral · Passion Red

HEX
#C26E80
RGB
rgb(194, 110, 128)
HSL
hsl(347, 41%, 60%)
HSB
hsb(347, 43%, 76%)
CMYK
cmyk(0%, 43%, 34%, 24%)
Oklch
oklch(63.7% 0.108 6.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#90495D

Dark Violet · Sienna · Camellia

HEX
#90495D
RGB
rgb(144, 73, 93)
HSL
hsl(343, 33%, 43%)
HSB
hsb(343, 49%, 56%)
CMYK
cmyk(0%, 49%, 35%, 44%)
Oklch
oklch(49.9% 0.098 3.3)

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

#553D4D

Rose Purple · DarkSlateGray · Camellia

HEX
#553D4D
RGB
rgb(85, 61, 77)
HSL
hsl(320, 16%, 29%)
HSB
hsb(320, 28%, 33%)
CMYK
cmyk(0%, 28%, 9%, 67%)
Oklch
oklch(39.2% 0.042 339.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E2E5
E3F2EF

Analogous

F2E3ED
F1E2E5
F2E8E3

Triadic

F1E2E5
E6F2E3
E3E6F2

Split-Comp.

F1E2E5
E3F2E8
E3EDF2

Tetradic

F1E2E5
EDF2E3
E3F2EF
E8E3F2

Contrast Matrix WCAG 2.1 Contrast

F1E2E5
E7AAB8
C26E80
90495D
553D4D
—
1.5
Fail
2.9
Fail
5.1
AA
7.8
AAA
1.5
Fail
—
1.9
Fail
3.3
AA Large
5.0
AA
2.9
Fail
1.9
Fail
—
1.8
Fail
2.7
Fail
5.1
AA
3.3
AA Large
1.8
Fail
—
1.5
Fail
7.8
AAA
5.0
AA
2.7
Fail
1.5
Fail
—
White BG
1.3Fail
1.9Fail
3.6AA Large
6.4AA
9.7AAA
Black BG
16.8AAA
10.8AAA
5.8AA
3.3AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEAE4
CDCCB5
9E9D7C
717158
4B4A49

Deuteranopia

EBEDE4
D0D5B4
A3A97B
757B57
4C4E48

Tritanopia

F0E4E4
E4B2B1
BE7877
8C5454
544645

Achromatopsia

E7E7E7
BEBEBE
898989
616161
464646

Shades & Tints Shades & Tints

#F1E2E5

Dark
Light

#E7AAB8

Dark
Light

#C26E80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e2e5;
  --color-2: #e7aab8;
  --color-3: #c26e80;
  --color-4: #90495d;
  --color-5: #553d4d;
}

SCSS

$color-1: #f1e2e5;
$color-2: #e7aab8;
$color-3: #c26e80;
$color-4: #90495d;
$color-5: #553d4d;

TAILWIND

colors: {
  'brand-1': '#f1e2e5',
  'brand-2': '#e7aab8',
  'brand-3': '#c26e80',
  'brand-4': '#90495d',
  'brand-5': '#553d4d',
}

RGB Array

[241, 226, 229], [231, 170, 184], [194, 110, 128], [144, 73, 93], [85, 61, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #F1E2E5, #E7AAB8, #C26E80, #90495D, #553D4D 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: #f1e2e5; --color-2: #e7aab8; --color-3: #c26e80; --color-4: #90495d; --color-5: #553d4d. 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