← Back to Editor

#DEE3D1 · #C9D1B2 · #9C989B · #785B8C · #530A74

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 LibraryData Visualization

Color Details Color Details

#DEE3D1

Willow Green · LightGray · Mint Green

HEX
#DEE3D1
RGB
rgb(222, 227, 209)
HSL
hsl(77, 24%, 85%)
HSB
hsb(77, 8%, 89%)
CMYK
cmyk(2%, 0%, 8%, 11%)
Oklch
oklch(90.7% 0.025 119.5)

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

#C9D1B2

Willow Green · Silver · Apple Green

HEX
#C9D1B2
RGB
rgb(201, 209, 178)
HSL
hsl(75, 25%, 76%)
HSB
hsb(75, 15%, 82%)
CMYK
cmyk(4%, 0%, 15%, 18%)
Oklch
oklch(84.6% 0.043 119.1)

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

#9C989B

Ash · DarkGray · Silver Sand

HEX
#9C989B
RGB
rgb(156, 152, 155)
HSL
hsl(315, 2%, 60%)
HSB
hsb(315, 3%, 61%)
CMYK
cmyk(0%, 3%, 1%, 39%)
Oklch
oklch(68.4% 0.006 334.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#785B8C

Dark Plum · SlateGray · Violet

HEX
#785B8C
RGB
rgb(120, 91, 140)
HSL
hsl(276, 21%, 45%)
HSB
hsb(276, 35%, 55%)
CMYK
cmyk(14%, 35%, 0%, 45%)
Oklch
oklch(52.0% 0.082 310.8)

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

#530A74

Royal Purple · Purple · Eggplant

HEX
#530A74
RGB
rgb(83, 10, 116)
HSL
hsl(281, 84%, 25%)
HSB
hsb(281, 91%, 45%)
CMYK
cmyk(28%, 91%, 0%, 55%)
Oklch
oklch(34.3% 0.162 311.2)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE3D1
D5D0E2

Analogous

E2DED0
DEE3D1
D4E2D0

Triadic

DEE3D1
D0DDE2
E2D0DD

Split-Comp.

DEE3D1
D0D4E2
DED0E2

Tetradic

DEE3D1
D0E2DE
D5D0E2
E2D0D4

Contrast Matrix WCAG 2.1 Contrast

DEE3D1
C9D1B2
9C989B
785B8C
530A74
—
1.2
Fail
2.2
Fail
4.4
AA Large
9.6
AAA
1.2
Fail
—
1.8
Fail
3.6
AA Large
8.0
AAA
2.2
Fail
1.8
Fail
—
2.0
Fail
4.4
AA Large
4.4
AA Large
3.6
AA Large
2.0
Fail
—
2.2
Fail
9.6
AAA
8.0
AAA
4.4
AA Large
2.2
Fail
—
White BG
1.3Fail
1.6Fail
2.8Fail
5.7AA
12.6AAA
Black BG
16.0AAA
13.2AAA
7.4AAA
3.7AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0D5
CCCDBA
9A9A9A
6B6B80
33335A

Deuteranopia

E0DFD6
CCCBBB
9B9B9A
6D6F7D
383D54

Tritanopia

DED9DA
C9BFC1
9C9A9A
777775
4F4642

Achromatopsia

DFDFDF
CBCBCB
9A9A9A
696969
2C2C2C

Shades & Tints Shades & Tints

#DEE3D1

Dark
Light

#C9D1B2

Dark
Light

#9C989B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee3d1;
  --color-2: #c9d1b2;
  --color-3: #9c989b;
  --color-4: #785b8c;
  --color-5: #530a74;
}

SCSS

$color-1: #dee3d1;
$color-2: #c9d1b2;
$color-3: #9c989b;
$color-4: #785b8c;
$color-5: #530a74;

TAILWIND

colors: {
  'brand-1': '#dee3d1',
  'brand-2': '#c9d1b2',
  'brand-3': '#9c989b',
  'brand-4': '#785b8c',
  'brand-5': '#530a74',
}

RGB Array

[222, 227, 209], [201, 209, 178], [156, 152, 155], [120, 91, 140], [83, 10, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEE3D1, #C9D1B2, #9C989B, #785B8C, #530A74 is ideal for: 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: #dee3d1; --color-2: #c9d1b2; --color-3: #9c989b; --color-4: #785b8c; --color-5: #530a74. 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. 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