← Back to Editor

#964E7A · #C487C0 · #D2A5E6 · #C7F5FF · #F2DEAE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#964E7A

Rose Purple · Gray · Camellia

HEX
#964E7A
RGB
rgb(150, 78, 122)
HSL
hsl(323, 32%, 45%)
HSB
hsb(323, 48%, 59%)
CMYK
cmyk(0%, 48%, 19%, 41%)
Oklch
oklch(52.5% 0.111 344.1)

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

#C487C0

Mauve · Orchid · Lilac Purple

HEX
#C487C0
RGB
rgb(196, 135, 192)
HSL
hsl(304, 34%, 65%)
HSB
hsb(304, 31%, 77%)
CMYK
cmyk(0%, 31%, 2%, 23%)
Oklch
oklch(70.3% 0.106 328.9)

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

#D2A5E6

Lilac · Violet · Lilac Purple

HEX
#D2A5E6
RGB
rgb(210, 165, 230)
HSL
hsl(282, 57%, 77%)
HSB
hsb(282, 28%, 90%)
CMYK
cmyk(9%, 28%, 0%, 10%)
Oklch
oklch(78.5% 0.102 315.2)

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

#C7F5FF

Sky Blue · Lavender · Glacier Blue

HEX
#C7F5FF
RGB
rgb(199, 245, 255)
HSL
hsl(191, 100%, 89%)
HSB
hsb(191, 22%, 100%)
CMYK
cmyk(22%, 4%, 0%, 0%)
Oklch
oklch(94.1% 0.049 212.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#F2DEAE

Goose Yellow · Wheat · Lemon Cream

HEX
#F2DEAE
RGB
rgb(242, 222, 174)
HSL
hsl(42, 72%, 82%)
HSB
hsb(42, 28%, 95%)
CMYK
cmyk(0%, 8%, 28%, 5%)
Oklch
oklch(90.5% 0.066 88.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

964E7A
4E976A

Analogous

8F4E97
964E7A
974E57

Triadic

964E7A
7B974E
4E7B97

Split-Comp.

964E7A
57974E
4E978F

Tetradic

964E7A
978F4E
4E976A
4E5797

Contrast Matrix WCAG 2.1 Contrast

964E7A
C487C0
D2A5E6
C7F5FF
F2DEAE
—
2.1
Fail
2.8
Fail
4.9
AA
4.3
AA Large
2.1
Fail
—
1.4
Fail
2.4
Fail
2.1
Fail
2.8
Fail
1.4
Fail
—
1.7
Fail
1.5
Fail
4.9
AA
2.4
Fail
1.7
Fail
—
1.1
Fail
4.3
AA Large
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
5.7AA
2.8Fail
2.0Fail
1.2Fail
1.3Fail
Black BG
3.7AA Large
7.6AAA
10.3AAA
17.9AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

77766F
AAA9B2
BFBED6
DBDBFD
E9E9BA

Deuteranopia

7B806D
ADB2AF
C1C5D3
D8D5FC
EBECBC

Tritanopia

926765
C1A7A5
D0CAC7
C9FBFA
F1C3C5

Achromatopsia

696969
A0A0A0
BABABA
E8E8E8
DFDFDF

Shades & Tints Shades & Tints

#964E7A

Dark
Light

#C487C0

Dark
Light

#D2A5E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #964e7a;
  --color-2: #c487c0;
  --color-3: #d2a5e6;
  --color-4: #c7f5ff;
  --color-5: #f2deae;
}

SCSS

$color-1: #964e7a;
$color-2: #c487c0;
$color-3: #d2a5e6;
$color-4: #c7f5ff;
$color-5: #f2deae;

TAILWIND

colors: {
  'brand-1': '#964e7a',
  'brand-2': '#c487c0',
  'brand-3': '#d2a5e6',
  'brand-4': '#c7f5ff',
  'brand-5': '#f2deae',
}

RGB Array

[150, 78, 122], [196, 135, 192], [210, 165, 230], [199, 245, 255], [242, 222, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #964E7A, #C487C0, #D2A5E6, #C7F5FF, #F2DEAE is ideal for: health products, baby brands, fresh-style blogs, 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: #964e7a; --color-2: #c487c0; --color-3: #d2a5e6; --color-4: #c7f5ff; --color-5: #f2deae. 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 general-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