← Back to Editor

#846E84 · #AFCBBE · #FAECCF · #CBCD97 · #E1E1C2

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

#846E84

Rose Purple · Gray · Warm Gray

HEX
#846E84
RGB
rgb(132, 110, 132)
HSL
hsl(300, 9%, 47%)
HSB
hsb(300, 17%, 52%)
CMYK
cmyk(0%, 17%, 0%, 48%)
Oklch
oklch(56.7% 0.042 326.1)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#AFCBBE

Jade · Silver · Apple Green

HEX
#AFCBBE
RGB
rgb(175, 203, 190)
HSL
hsl(152, 21%, 74%)
HSB
hsb(152, 14%, 80%)
CMYK
cmyk(14%, 0%, 6%, 20%)
Oklch
oklch(81.8% 0.035 165.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FAECCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FAECCF
RGB
rgb(250, 236, 207)
HSL
hsl(40, 81%, 90%)
HSB
hsb(40, 17%, 98%)
CMYK
cmyk(0%, 6%, 17%, 2%)
Oklch
oklch(94.7% 0.041 85.3)

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

#CBCD97

Fresh Green · Tan · Sunflower

HEX
#CBCD97
RGB
rgb(203, 205, 151)
HSL
hsl(62, 35%, 70%)
HSB
hsb(62, 26%, 80%)
CMYK
cmyk(1%, 0%, 26%, 20%)
Oklch
oklch(83.3% 0.071 109.6)

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

#E1E1C2

Fresh Green · Wheat · Lemon Cream

HEX
#E1E1C2
RGB
rgb(225, 225, 194)
HSL
hsl(60, 34%, 82%)
HSB
hsb(60, 14%, 88%)
CMYK
cmyk(0%, 0%, 14%, 12%)
Oklch
oklch(90.2% 0.041 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

846E84
6D836D

Analogous

786D83
846E84
836D78

Triadic

846E84
83836D
6D8383

Split-Comp.

846E84
78836D
6D8378

Tetradic

846E84
83786D
6D836D
6D7883

Contrast Matrix WCAG 2.1 Contrast

846E84
AFCBBE
FAECCF
CBCD97
E1E1C2
—
2.7
Fail
4.0
AA Large
2.8
Fail
3.5
AA Large
2.7
Fail
—
1.5
Fail
1.1
Fail
1.3
Fail
4.0
AA Large
1.5
Fail
—
1.4
Fail
1.1
Fail
2.8
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
3.5
AA Large
1.3
Fail
1.1
Fail
1.2
Fail
—
White BG
4.6AA
1.7Fail
1.2Fail
1.7Fail
1.3Fail
Black BG
4.5AA
12.1AAA
18.0AAA
12.7AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A7F
BBBBC1
F4F4D6
CCCCA4
E1E1CA

Deuteranopia

7C7D7D
BAB7C2
F5F6D8
CCCCA7
E1E1CB

Tritanopia

837A7A
B0C4C4
F9DCDD
CBAEB1
E1CFD1

Achromatopsia

777777
C1C1C1
EDEDED
C6C6C6
DDDDDD

Shades & Tints Shades & Tints

#846E84

Dark
Light

#AFCBBE

Dark
Light

#FAECCF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #846e84;
  --color-2: #afcbbe;
  --color-3: #faeccf;
  --color-4: #cbcd97;
  --color-5: #e1e1c2;
}

SCSS

$color-1: #846e84;
$color-2: #afcbbe;
$color-3: #faeccf;
$color-4: #cbcd97;
$color-5: #e1e1c2;

TAILWIND

colors: {
  'brand-1': '#846e84',
  'brand-2': '#afcbbe',
  'brand-3': '#faeccf',
  'brand-4': '#cbcd97',
  'brand-5': '#e1e1c2',
}

RGB Array

[132, 110, 132], [175, 203, 190], [250, 236, 207], [203, 205, 151], [225, 225, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #846E84, #AFCBBE, #FAECCF, #CBCD97, #E1E1C2 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: #846e84; --color-2: #afcbbe; --color-3: #faeccf; --color-4: #cbcd97; --color-5: #e1e1c2. 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