← Back to Editor

#40004A · #FFFFFF · #E1DDE3 · #CBC1CD · #A392A5

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#40004A

Royal Purple · MidnightBlue · Dark Purple

HEX
#40004A
RGB
rgb(64, 0, 74)
HSL
hsl(292, 100%, 15%)
HSB
hsb(292, 100%, 29%)
CMYK
cmyk(14%, 100%, 0%, 71%)
Oklch
oklch(26.9% 0.128 321.5)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#E1DDE3

Lilac · LightGray · Lavender

HEX
#E1DDE3
RGB
rgb(225, 221, 227)
HSL
hsl(280, 10%, 88%)
HSB
hsb(280, 3%, 89%)
CMYK
cmyk(1%, 3%, 0%, 11%)
Oklch
oklch(90.2% 0.009 314.8)

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

#CBC1CD

Lilac · Silver · Lilac Purple

HEX
#CBC1CD
RGB
rgb(203, 193, 205)
HSL
hsl(290, 11%, 78%)
HSB
hsb(290, 6%, 80%)
CMYK
cmyk(1%, 6%, 0%, 20%)
Oklch
oklch(82.3% 0.020 320.6)

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

#A392A5

Lilac · DarkGray · Lilac Purple

HEX
#A392A5
RGB
rgb(163, 146, 165)
HSL
hsl(294, 10%, 61%)
HSB
hsb(294, 12%, 65%)
CMYK
cmyk(1%, 12%, 0%, 35%)
Oklch
oklch(68.1% 0.034 322.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40004A
0A4D00

Analogous

1C004D
40004A
4D0030

Triadic

40004A
4D4200
004D42

Split-Comp.

40004A
304D00
004D1C

Tetradic

40004A
4D1C00
0A4D00
00304D

Contrast Matrix WCAG 2.1 Contrast

40004A
FFFFFF
E1DDE3
CBC1CD
A392A5
—
15.9
AAA
11.9
AAA
9.1
AAA
5.5
AA
15.9
AAA
—
1.3
Fail
1.7
Fail
2.9
Fail
11.9
AAA
1.3
Fail
—
1.3
Fail
2.2
Fail
9.1
AAA
1.7
Fail
1.3
Fail
—
1.7
Fail
5.5
AA
2.9
Fail
2.2
Fail
1.7
Fail
—
White BG
15.9AAA
1.0Fail
1.3Fail
1.7Fail
2.9Fail
Black BG
1.3Fail
21.0AAA
15.7AAA
12.0AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242438
FFFFFF
DFDFE2
C7C7CA
9C9BA0

Deuteranopia

282D34
FFFFFF
E0E0E1
C7C8C9
9D9E9F

Tritanopia

3D2A27
FFFFFF
E1E0E0
CBC8C7
A29D9C

Achromatopsia

1C1C1C
FFFFFF
DFDFDF
C5C5C5
999999

Shades & Tints Shades & Tints

#40004A

Dark
Light

#FFFFFF

Dark
Light

#E1DDE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40004a;
  --color-2: #ffffff;
  --color-3: #e1dde3;
  --color-4: #cbc1cd;
  --color-5: #a392a5;
}

SCSS

$color-1: #40004a;
$color-2: #ffffff;
$color-3: #e1dde3;
$color-4: #cbc1cd;
$color-5: #a392a5;

TAILWIND

colors: {
  'brand-1': '#40004a',
  'brand-2': '#ffffff',
  'brand-3': '#e1dde3',
  'brand-4': '#cbc1cd',
  'brand-5': '#a392a5',
}

RGB Array

[64, 0, 74], [255, 255, 255], [225, 221, 227], [203, 193, 205], [163, 146, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #40004A, #FFFFFF, #E1DDE3, #CBC1CD, #A392A5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #40004a; --color-2: #ffffff; --color-3: #e1dde3; --color-4: #cbc1cd; --color-5: #a392a5. 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. 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 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