← Back to Editor

#EBD8E8 · #CCC5D6 · #7980A0 · #C186C2 · #C997BA

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBD8E8

Mauve · Lavender · Lavender

HEX
#EBD8E8
RGB
rgb(235, 216, 232)
HSL
hsl(309, 32%, 88%)
HSB
hsb(309, 8%, 92%)
CMYK
cmyk(0%, 8%, 1%, 8%)
Oklch
oklch(90.2% 0.030 330.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#CCC5D6

Wisteria · LightGray · Lavender

HEX
#CCC5D6
RGB
rgb(204, 197, 214)
HSL
hsl(265, 17%, 81%)
HSB
hsb(265, 8%, 84%)
CMYK
cmyk(5%, 8%, 0%, 16%)
Oklch
oklch(83.4% 0.025 304.4)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#7980A0

Azure · LightSlateGray · Navy Blue

HEX
#7980A0
RGB
rgb(121, 128, 160)
HSL
hsl(229, 17%, 55%)
HSB
hsb(229, 24%, 63%)
CMYK
cmyk(24%, 20%, 0%, 37%)
Oklch
oklch(60.6% 0.049 275.2)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#C186C2

Lilac · Orchid · Lilac Purple

HEX
#C186C2
RGB
rgb(193, 134, 194)
HSL
hsl(299, 33%, 64%)
HSB
hsb(299, 31%, 76%)
CMYK
cmyk(1%, 31%, 0%, 24%)
Oklch
oklch(69.9% 0.108 326.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C997BA

Mauve · DarkGray · Lilac Purple

HEX
#C997BA
RGB
rgb(201, 151, 186)
HSL
hsl(318, 32%, 69%)
HSB
hsb(318, 25%, 79%)
CMYK
cmyk(0%, 25%, 7%, 21%)
Oklch
oklch(73.4% 0.076 337.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD8E8
D7EADA

Analogous

E3D7EA
EBD8E8
EAD7DD

Triadic

EBD8E8
E7EAD7
D7E7EA

Split-Comp.

EBD8E8
DDEAD7
D7EAE3

Tetradic

EBD8E8
EAE3D7
D7EADA
D7DDEA

Contrast Matrix WCAG 2.1 Contrast

EBD8E8
CCC5D6
7980A0
C186C2
C997BA
—
1.2
Fail
2.9
Fail
2.1
Fail
1.8
Fail
1.2
Fail
—
2.3
Fail
1.7
Fail
1.5
Fail
2.9
Fail
2.3
Fail
—
1.4
Fail
1.6
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
White BG
1.4Fail
1.7Fail
3.9AA Large
2.8Fail
2.4Fail
Black BG
15.5AAA
12.5AAA
5.4AA
7.5AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3E4
C9C9D2
7C7C98
A7A7B3
B3B3B2

Deuteranopia

E4E5E3
C9CAD1
7C7B96
ABAFB0
B6BAB0

Tritanopia

EAE1E0
CCCFCE
799291
BEA8A6
C7ABA9

Achromatopsia

E0E0E0
C9C9C9
828282
9E9E9E
AAAAAA

Shades & Tints Shades & Tints

#EBD8E8

Dark
Light

#CCC5D6

Dark
Light

#7980A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd8e8;
  --color-2: #ccc5d6;
  --color-3: #7980a0;
  --color-4: #c186c2;
  --color-5: #c997ba;
}

SCSS

$color-1: #ebd8e8;
$color-2: #ccc5d6;
$color-3: #7980a0;
$color-4: #c186c2;
$color-5: #c997ba;

TAILWIND

colors: {
  'brand-1': '#ebd8e8',
  'brand-2': '#ccc5d6',
  'brand-3': '#7980a0',
  'brand-4': '#c186c2',
  'brand-5': '#c997ba',
}

RGB Array

[235, 216, 232], [204, 197, 214], [121, 128, 160], [193, 134, 194], [201, 151, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EBD8E8, #CCC5D6, #7980A0, #C186C2, #C997BA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #ebd8e8; --color-2: #ccc5d6; --color-3: #7980a0; --color-4: #c186c2; --color-5: #c997ba. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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