← Back to Editor

#966384 · #E3B9A0 · #EED5AC · #FFFECE · #E8F3CB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#966384

Rose Purple · Gray · Camellia

HEX
#966384
RGB
rgb(150, 99, 132)
HSL
hsl(321, 20%, 49%)
HSB
hsb(321, 34%, 59%)
CMYK
cmyk(0%, 34%, 12%, 41%)
Oklch
oklch(56.5% 0.080 340.9)

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

#E3B9A0

Apricot · BurlyWood · Peach Orange

HEX
#E3B9A0
RGB
rgb(227, 185, 160)
HSL
hsl(22, 54%, 76%)
HSB
hsb(22, 30%, 89%)
CMYK
cmyk(0%, 19%, 30%, 11%)
Oklch
oklch(81.6% 0.059 52.4)

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

#EED5AC

Goose Yellow · Wheat · Peach Orange

HEX
#EED5AC
RGB
rgb(238, 213, 172)
HSL
hsl(37, 66%, 80%)
HSB
hsb(37, 28%, 93%)
CMYK
cmyk(0%, 11%, 28%, 7%)
Oklch
oklch(88.4% 0.061 80.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFFECE

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFECE
RGB
rgb(255, 254, 206)
HSL
hsl(59, 100%, 90%)
HSB
hsb(59, 19%, 100%)
CMYK
cmyk(0%, 0%, 19%, 0%)
Oklch
oklch(98.6% 0.062 106.5)

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

#E8F3CB

Willow Green · Beige · Mint Green

HEX
#E8F3CB
RGB
rgb(232, 243, 203)
HSL
hsl(76, 62%, 87%)
HSB
hsb(76, 16%, 95%)
CMYK
cmyk(5%, 0%, 16%, 5%)
Oklch
oklch(94.6% 0.054 119.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

966384
649675

Analogous

8E6496
966384
96646B

Triadic

966384
849664
648496

Split-Comp.

966384
6B9664
64968E

Tetradic

966384
968E64
649675
646B96

Contrast Matrix WCAG 2.1 Contrast

966384
E3B9A0
EED5AC
FFFECE
E8F3CB
—
2.7
Fail
3.3
AA Large
4.6
AA
4.1
AA Large
2.7
Fail
—
1.3
Fail
1.7
Fail
1.5
Fail
3.3
AA Large
1.3
Fail
—
1.4
Fail
1.2
Fail
4.6
AA
1.7
Fail
1.4
Fail
—
1.1
Fail
4.1
AA Large
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
4.8AA
1.8Fail
1.4Fail
1.0Fail
1.2Fail
Black BG
4.4AA Large
11.7AAA
14.7AAA
20.3AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F7C
D1D0A6
E3E3B6
FFFFDA
EDEDD5

Deuteranopia

83877A
D3D6A8
E5E7B8
FFFFDC
ECEBD7

Tritanopia

937674
E1ABAC
EDBEBF
FFE3E5
E9DCDE

Achromatopsia

767676
C3C3C3
D8D8D8
F9F9F9
EBEBEB

Shades & Tints Shades & Tints

#966384

Dark
Light

#E3B9A0

Dark
Light

#EED5AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #966384;
  --color-2: #e3b9a0;
  --color-3: #eed5ac;
  --color-4: #fffece;
  --color-5: #e8f3cb;
}

SCSS

$color-1: #966384;
$color-2: #e3b9a0;
$color-3: #eed5ac;
$color-4: #fffece;
$color-5: #e8f3cb;

TAILWIND

colors: {
  'brand-1': '#966384',
  'brand-2': '#e3b9a0',
  'brand-3': '#eed5ac',
  'brand-4': '#fffece',
  'brand-5': '#e8f3cb',
}

RGB Array

[150, 99, 132], [227, 185, 160], [238, 213, 172], [255, 254, 206], [232, 243, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #966384, #E3B9A0, #EED5AC, #FFFECE, #E8F3CB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #966384; --color-2: #e3b9a0; --color-3: #eed5ac; --color-4: #fffece; --color-5: #e8f3cb. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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