← Back to Editor

#E1CDCC · #5D4462 · #AD369D · #2E0B35 · #84184A

cool

A 5-color cool 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

#E1CDCC

Peach Pink · LightGray · Cherry Blossom

HEX
#E1CDCC
RGB
rgb(225, 205, 204)
HSL
hsl(3, 26%, 84%)
HSB
hsb(3, 9%, 88%)
CMYK
cmyk(0%, 9%, 9%, 12%)
Oklch
oklch(86.4% 0.022 21.1)

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

#5D4462

Dark Plum · DimGray · Eggplant

HEX
#5D4462
RGB
rgb(93, 68, 98)
HSL
hsl(290, 18%, 33%)
HSB
hsb(290, 31%, 38%)
CMYK
cmyk(5%, 31%, 0%, 62%)
Oklch
oklch(42.5% 0.058 320.7)

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

#AD369D

Rose Purple · MediumVioletRed · Violet

HEX
#AD369D
RGB
rgb(173, 54, 157)
HSL
hsl(308, 52%, 45%)
HSB
hsb(308, 69%, 68%)
CMYK
cmyk(0%, 69%, 9%, 32%)
Oklch
oklch(54.4% 0.192 333.8)

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

#2E0B35

Royal Purple · MidnightBlue · Dark Purple

HEX
#2E0B35
RGB
rgb(46, 11, 53)
HSL
hsl(290, 66%, 13%)
HSB
hsb(290, 79%, 21%)
CMYK
cmyk(13%, 79%, 0%, 79%)
Oklch
oklch(23.2% 0.085 320.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#84184A

Dark Violet · Brown · Camellia

HEX
#84184A
RGB
rgb(132, 24, 74)
HSL
hsl(332, 69%, 31%)
HSB
hsb(332, 82%, 52%)
CMYK
cmyk(0%, 82%, 44%, 48%)
Oklch
oklch(41.2% 0.147 358.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1CDCC
CCE0E1

Analogous

E1CCD5
E1CDCC
E1D7CC

Triadic

E1CDCC
CCE1CD
CDCCE1

Split-Comp.

E1CDCC
CCE1D7
CCD5E1

Tetradic

E1CDCC
D5E1CC
CCE0E1
D7CCE1

Contrast Matrix WCAG 2.1 Contrast

E1CDCC
5D4462
AD369D
2E0B35
84184A
—
5.6
AA
3.6
AA Large
11.4
AAA
6.2
AA
5.6
AA
—
1.5
Fail
2.0
Fail
1.1
Fail
3.6
AA Large
1.5
Fail
—
3.1
AA Large
1.7
Fail
11.4
AAA
2.0
Fail
3.1
AA Large
—
1.8
Fail
6.2
AA
1.1
Fail
1.7
Fail
1.8
Fail
—
White BG
1.5Fail
8.5AAA
5.5AA
17.3AAA
9.5AAA
Black BG
13.8AAA
2.5Fail
3.8AA Large
1.2Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8CC
52525B
797884
1F1F2B
55543E

Deuteranopia

DADBCC
545659
80897E
212328
5C643B

Tritanopia

E0CCCC
5C5554
A7706C
2C2321
7F3432

Achromatopsia

D3D3D3
4F4F4F
656565
1A1A1A
3E3E3E

Shades & Tints Shades & Tints

#E1CDCC

Dark
Light

#5D4462

Dark
Light

#AD369D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1cdcc;
  --color-2: #5d4462;
  --color-3: #ad369d;
  --color-4: #2e0b35;
  --color-5: #84184a;
}

SCSS

$color-1: #e1cdcc;
$color-2: #5d4462;
$color-3: #ad369d;
$color-4: #2e0b35;
$color-5: #84184a;

TAILWIND

colors: {
  'brand-1': '#e1cdcc',
  'brand-2': '#5d4462',
  'brand-3': '#ad369d',
  'brand-4': '#2e0b35',
  'brand-5': '#84184a',
}

RGB Array

[225, 205, 204], [93, 68, 98], [173, 54, 157], [46, 11, 53], [132, 24, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E1CDCC, #5D4462, #AD369D, #2E0B35, #84184A 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: #e1cdcc; --color-2: #5d4462; --color-3: #ad369d; --color-4: #2e0b35; --color-5: #84184a. 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 cool-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