← Back to Editor

#956D9F · #82638A · #EBBCA0 · #E9DDF0 · #E6C155

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

#956D9F

Dark Plum · LightSlateGray · Violet

HEX
#956D9F
RGB
rgb(149, 109, 159)
HSL
hsl(288, 21%, 53%)
HSB
hsb(288, 31%, 62%)
CMYK
cmyk(6%, 31%, 0%, 38%)
Oklch
oklch(59.3% 0.087 319.5)

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

#82638A

Dark Plum · Gray · Violet

HEX
#82638A
RGB
rgb(130, 99, 138)
HSL
hsl(288, 16%, 46%)
HSB
hsb(288, 28%, 54%)
CMYK
cmyk(6%, 28%, 0%, 46%)
Oklch
oklch(54.5% 0.070 319.3)

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

#EBBCA0

Apricot · BurlyWood · Peach Orange

HEX
#EBBCA0
RGB
rgb(235, 188, 160)
HSL
hsl(22, 65%, 77%)
HSB
hsb(22, 32%, 92%)
CMYK
cmyk(0%, 20%, 32%, 8%)
Oklch
oklch(83.0% 0.066 52.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E9DDF0

Lilac · Lavender · Lavender

HEX
#E9DDF0
RGB
rgb(233, 221, 240)
HSL
hsl(278, 39%, 90%)
HSB
hsb(278, 8%, 94%)
CMYK
cmyk(3%, 8%, 0%, 6%)
Oklch
oklch(91.3% 0.029 313.3)

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

#E6C155

Ginger · SandyBrown · Sunflower

HEX
#E6C155
RGB
rgb(230, 193, 85)
HSL
hsl(45, 74%, 62%)
HSB
hsb(45, 63%, 90%)
CMYK
cmyk(0%, 16%, 63%, 10%)
Oklch
oklch(82.3% 0.132 90.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

956D9F
78A06E

Analogous

7D6EA0
956D9F
A06E91

Triadic

956D9F
A0966E
6EA096

Split-Comp.

956D9F
91A06E
6EA07D

Tetradic

956D9F
A07D6E
78A06E
6E91A0

Contrast Matrix WCAG 2.1 Contrast

956D9F
82638A
EBBCA0
E9DDF0
E6C155
—
1.2
Fail
2.5
Fail
3.2
AA Large
2.4
Fail
1.2
Fail
—
3.0
Fail
3.9
AA Large
3.0
Fail
2.5
Fail
3.0
Fail
—
1.3
Fail
1.0
Fail
3.2
AA Large
3.9
AA Large
1.3
Fail
—
1.3
Fail
2.4
Fail
3.0
Fail
1.0
Fail
1.3
Fail
—
White BG
4.2AA Large
5.1AA
1.7Fail
1.3Fail
1.7Fail
Black BG
5.0AA
4.1AA Large
12.2AAA
16.1AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848393
757481
D7D6A7
E4E4EB
D6D66F

Deuteranopia

868990
76797E
D9DDA8
E5E5EA
D8DB75

Tritanopia

938987
807977
E9ACAD
E8E8E7
E48488

Achromatopsia

7F7F7F
717171
C7C7C7
E3E3E3
C0C0C0

Shades & Tints Shades & Tints

#956D9F

Dark
Light

#82638A

Dark
Light

#EBBCA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #956d9f;
  --color-2: #82638a;
  --color-3: #ebbca0;
  --color-4: #e9ddf0;
  --color-5: #e6c155;
}

SCSS

$color-1: #956d9f;
$color-2: #82638a;
$color-3: #ebbca0;
$color-4: #e9ddf0;
$color-5: #e6c155;

TAILWIND

colors: {
  'brand-1': '#956d9f',
  'brand-2': '#82638a',
  'brand-3': '#ebbca0',
  'brand-4': '#e9ddf0',
  'brand-5': '#e6c155',
}

RGB Array

[149, 109, 159], [130, 99, 138], [235, 188, 160], [233, 221, 240], [230, 193, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #956D9F, #82638A, #EBBCA0, #E9DDF0, #E6C155 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: #956d9f; --color-2: #82638a; --color-3: #ebbca0; --color-4: #e9ddf0; --color-5: #e6c155. 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