← Back to Editor

#CBB2AD · #A995B2 · #94799D · #846D8B · #5E4569

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CBB2AD

Peach Pink · Silver · Coral Red

HEX
#CBB2AD
RGB
rgb(203, 178, 173)
HSL
hsl(10, 22%, 74%)
HSB
hsb(10, 15%, 80%)
CMYK
cmyk(0%, 12%, 15%, 20%)
Oklch
oklch(78.4% 0.030 31.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A995B2

Lilac · DarkGray · Lilac Purple

HEX
#A995B2
RGB
rgb(169, 149, 178)
HSL
hsl(281, 16%, 64%)
HSB
hsb(281, 16%, 70%)
CMYK
cmyk(5%, 16%, 0%, 30%)
Oklch
oklch(69.7% 0.047 315.4)

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

#94799D

Dark Plum · LightSlateGray · Violet

HEX
#94799D
RGB
rgb(148, 121, 157)
HSL
hsl(285, 16%, 55%)
HSB
hsb(285, 23%, 62%)
CMYK
cmyk(6%, 23%, 0%, 38%)
Oklch
oklch(61.4% 0.062 317.6)

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

#846D8B

Dark Plum · Gray · Violet

HEX
#846D8B
RGB
rgb(132, 109, 139)
HSL
hsl(286, 12%, 49%)
HSB
hsb(286, 22%, 55%)
CMYK
cmyk(5%, 22%, 0%, 45%)
Oklch
oklch(56.7% 0.053 318.2)

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

#5E4569

Dark Plum · DimGray · Eggplant

HEX
#5E4569
RGB
rgb(94, 69, 105)
HSL
hsl(282, 21%, 34%)
HSB
hsb(282, 34%, 41%)
CMYK
cmyk(10%, 34%, 0%, 59%)
Oklch
oklch(43.2% 0.066 315.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB2AD
AEC6CB

Analogous

CBAEB8
CBB2AD
CBC2AE

Triadic

CBB2AD
AECBB3
B3AECB

Split-Comp.

CBB2AD
AECBC2
AEB8CB

Tetradic

CBB2AD
B8CBAE
AEC6CB
C2AECB

Contrast Matrix WCAG 2.1 Contrast

CBB2AD
A995B2
94799D
846D8B
5E4569
—
1.4
Fail
1.9
Fail
2.3
Fail
4.2
AA Large
1.4
Fail
—
1.4
Fail
1.7
Fail
3.0
AA Large
1.9
Fail
1.4
Fail
—
1.2
Fail
2.2
Fail
2.3
Fail
1.7
Fail
1.2
Fail
—
1.8
Fail
4.2
AA Large
3.0
AA Large
2.2
Fail
1.8
Fail
—
White BG
2.0Fail
2.8Fail
3.8AA Large
4.6AA
8.3AAA
Black BG
10.5AAA
7.6AAA
5.5AA
4.5AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0AE
A0A0AB
888894
7A7A84
535360

Deuteranopia

C2C4AF
A2A3A9
8A8C92
7B7D82
55575E

Tritanopia

CAAFAF
A8A5A4
938D8C
837E7D
5D5958

Achromatopsia

B9B9B9
9E9E9E
858585
777777
515151

Shades & Tints Shades & Tints

#CBB2AD

Dark
Light

#A995B2

Dark
Light

#94799D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb2ad;
  --color-2: #a995b2;
  --color-3: #94799d;
  --color-4: #846d8b;
  --color-5: #5e4569;
}

SCSS

$color-1: #cbb2ad;
$color-2: #a995b2;
$color-3: #94799d;
$color-4: #846d8b;
$color-5: #5e4569;

TAILWIND

colors: {
  'brand-1': '#cbb2ad',
  'brand-2': '#a995b2',
  'brand-3': '#94799d',
  'brand-4': '#846d8b',
  'brand-5': '#5e4569',
}

RGB Array

[203, 178, 173], [169, 149, 178], [148, 121, 157], [132, 109, 139], [94, 69, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBB2AD, #A995B2, #94799D, #846D8B, #5E4569 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #cbb2ad; --color-2: #a995b2; --color-3: #94799d; --color-4: #846d8b; --color-5: #5e4569. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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