← Back to Editor

#E2A4A7 · #996F86 · #5F424D · #A2ACA9 · #E4E7D4

cool

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

#E2A4A7

Peach Pink · Tan · Coral Red

HEX
#E2A4A7
RGB
rgb(226, 164, 167)
HSL
hsl(357, 52%, 76%)
HSB
hsb(357, 27%, 89%)
CMYK
cmyk(0%, 27%, 26%, 11%)
Oklch
oklch(77.8% 0.074 15.7)

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

#996F86

Rose Purple · Gray · Rose Pink

HEX
#996F86
RGB
rgb(153, 111, 134)
HSL
hsl(327, 17%, 52%)
HSB
hsb(327, 27%, 60%)
CMYK
cmyk(0%, 27%, 12%, 40%)
Oklch
oklch(59.1% 0.062 345.2)

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

#5F424D

Dark Violet · DimGray · Camellia

HEX
#5F424D
RGB
rgb(95, 66, 77)
HSL
hsl(337, 18%, 32%)
HSB
hsb(337, 31%, 37%)
CMYK
cmyk(0%, 31%, 19%, 63%)
Oklch
oklch(41.5% 0.043 354.6)

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

#A2ACA9

Ash · DarkGray · Silver Sand

HEX
#A2ACA9
RGB
rgb(162, 172, 169)
HSL
hsl(162, 6%, 65%)
HSB
hsb(162, 6%, 67%)
CMYK
cmyk(6%, 0%, 2%, 33%)
Oklch
oklch(73.6% 0.012 176.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E4E7D4

Fresh Green · Beige · Lemon Cream

HEX
#E4E7D4
RGB
rgb(228, 231, 212)
HSL
hsl(69, 28%, 87%)
HSB
hsb(69, 8%, 91%)
CMYK
cmyk(1%, 0%, 8%, 9%)
Oklch
oklch(92.1% 0.025 114.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2A4A7
A2E2DE

Analogous

E2A2C5
E2A4A7
E2BFA2

Triadic

E2A4A7
A5E2A2
A2A5E2

Split-Comp.

E2A4A7
A2E2BF
A2C5E2

Tetradic

E2A4A7
C5E2A2
A2E2DE
BFA2E2

Contrast Matrix WCAG 2.1 Contrast

E2A4A7
996F86
5F424D
A2ACA9
E4E7D4
—
2.0
Fail
4.3
AA Large
1.1
Fail
1.7
Fail
2.0
Fail
—
2.1
Fail
1.8
Fail
3.4
AA Large
4.3
AA Large
2.1
Fail
—
3.8
AA Large
7.0
AAA
1.1
Fail
1.8
Fail
3.8
AA Large
—
1.9
Fail
1.7
Fail
3.4
AA Large
7.0
AAA
1.9
Fail
—
White BG
2.1Fail
4.2AA Large
8.8AAA
2.3Fail
1.3Fail
Black BG
10.1AAA
5.0AA
2.4Fail
9.0AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7A6
878680
52524A
A6A6AA
E5E5D9

Deuteranopia

CBCFA6
898C7F
54564A
A6A5AA
E5E5DA

Tritanopia

DFA6A6
977C7B
5E4848
A3AAAA
E4DCDD

Achromatopsia

B7B7B7
7E7E7E
4C4C4C
A9A9A9
E4E4E4

Shades & Tints Shades & Tints

#E2A4A7

Dark
Light

#996F86

Dark
Light

#5F424D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2a4a7;
  --color-2: #996f86;
  --color-3: #5f424d;
  --color-4: #a2aca9;
  --color-5: #e4e7d4;
}

SCSS

$color-1: #e2a4a7;
$color-2: #996f86;
$color-3: #5f424d;
$color-4: #a2aca9;
$color-5: #e4e7d4;

TAILWIND

colors: {
  'brand-1': '#e2a4a7',
  'brand-2': '#996f86',
  'brand-3': '#5f424d',
  'brand-4': '#a2aca9',
  'brand-5': '#e4e7d4',
}

RGB Array

[226, 164, 167], [153, 111, 134], [95, 66, 77], [162, 172, 169], [228, 231, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E2A4A7, #996F86, #5F424D, #A2ACA9, #E4E7D4 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2a4a7; --color-2: #996f86; --color-3: #5f424d; --color-4: #a2aca9; --color-5: #e4e7d4. 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. Restrained colors convey professionalism and trust. 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