← Back to Editor

#FFD5D4 · #F6C0AC · #E69AA1 · #A63261 · #482F4F

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFD5D4

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD5D4
RGB
rgb(255, 213, 212)
HSL
hsl(1, 100%, 92%)
HSB
hsb(1, 17%, 100%)
CMYK
cmyk(0%, 16%, 17%, 0%)
Oklch
oklch(90.8% 0.047 19.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6C0AC

Apricot · LightPink · Peach Orange

HEX
#F6C0AC
RGB
rgb(246, 192, 172)
HSL
hsl(16, 80%, 82%)
HSB
hsb(16, 30%, 96%)
CMYK
cmyk(0%, 22%, 30%, 4%)
Oklch
oklch(85.1% 0.068 41.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E69AA1

Peach Pink · Tan · Coral Red

HEX
#E69AA1
RGB
rgb(230, 154, 161)
HSL
hsl(354, 60%, 75%)
HSB
hsb(354, 33%, 90%)
CMYK
cmyk(0%, 33%, 30%, 10%)
Oklch
oklch(76.3% 0.092 13.4)

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

#A63261

Dark Violet · Brown · Camellia

HEX
#A63261
RGB
rgb(166, 50, 97)
HSL
hsl(336, 54%, 42%)
HSB
hsb(336, 70%, 65%)
CMYK
cmyk(0%, 70%, 42%, 35%)
Oklch
oklch(50.3% 0.157 359.7)

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

#482F4F

Dark Plum · DarkSlateGray · Eggplant

HEX
#482F4F
RGB
rgb(72, 47, 79)
HSL
hsl(287, 25%, 25%)
HSB
hsb(287, 41%, 31%)
CMYK
cmyk(9%, 41%, 0%, 69%)
Oklch
oklch(34.8% 0.063 318.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD5D4
D6FEFF

Analogous

FFD6EA
FFD5D4
FFEBD6

Triadic

FFD5D4
D6FFD7
D7D6FF

Split-Comp.

FFD5D4
D6FFEB
D6EAFF

Tetradic

FFD5D4
EAFFD6
D6FEFF
EBD6FF

Contrast Matrix WCAG 2.1 Contrast

FFD5D4
F6C0AC
E69AA1
A63261
482F4F
—
1.2
Fail
1.7
Fail
4.8
AA
8.8
AAA
1.2
Fail
—
1.4
Fail
4.0
AA Large
7.3
AAA
1.7
Fail
1.4
Fail
—
2.9
Fail
5.3
AA
4.8
AA
4.0
AA Large
2.9
Fail
—
1.8
Fail
8.8
AAA
7.3
AAA
5.3
AA
1.8
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
6.5AA
11.7AAA
Black BG
15.7AAA
13.1AAA
9.5AAA
3.3AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECD4
DFDEB1
C5C49F
747356
3D3D47

Deuteranopia

EFF2D4
E2E6B2
CACF9F
7B8353
3F4145

Tritanopia

FDD4D4
F3B5B6
E29E9E
A04D4B
474140

Achromatopsia

E1E1E1
CECECE
B2B2B2
5A5A5A
3A3A3A

Shades & Tints Shades & Tints

#FFD5D4

Dark
Light

#F6C0AC

Dark
Light

#E69AA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd5d4;
  --color-2: #f6c0ac;
  --color-3: #e69aa1;
  --color-4: #a63261;
  --color-5: #482f4f;
}

SCSS

$color-1: #ffd5d4;
$color-2: #f6c0ac;
$color-3: #e69aa1;
$color-4: #a63261;
$color-5: #482f4f;

TAILWIND

colors: {
  'brand-1': '#ffd5d4',
  'brand-2': '#f6c0ac',
  'brand-3': '#e69aa1',
  'brand-4': '#a63261',
  'brand-5': '#482f4f',
}

RGB Array

[255, 213, 212], [246, 192, 172], [230, 154, 161], [166, 50, 97], [72, 47, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FFD5D4, #F6C0AC, #E69AA1, #A63261, #482F4F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffd5d4; --color-2: #f6c0ac; --color-3: #e69aa1; --color-4: #a63261; --color-5: #482f4f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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