← Back to Editor

#D8DEBC · #A1AC82 · #9D9D6B · #AD93D2 · #413043

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D8DEBC

Willow Green · LightGray · Apple Green

HEX
#D8DEBC
RGB
rgb(216, 222, 188)
HSL
hsl(71, 34%, 80%)
HSB
hsb(71, 15%, 87%)
CMYK
cmyk(3%, 0%, 15%, 13%)
Oklch
oklch(88.7% 0.046 115.5)

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

#A1AC82

Grass Green · DarkSeaGreen · Olive Green

HEX
#A1AC82
RGB
rgb(161, 172, 130)
HSL
hsl(76, 20%, 59%)
HSB
hsb(76, 24%, 67%)
CMYK
cmyk(6%, 0%, 24%, 33%)
Oklch
oklch(72.5% 0.060 119.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#9D9D6B

Autumn Sage · Gray · Sunflower

HEX
#9D9D6B
RGB
rgb(157, 157, 107)
HSL
hsl(60, 20%, 52%)
HSB
hsb(60, 32%, 62%)
CMYK
cmyk(0%, 0%, 32%, 38%)
Oklch
oklch(68.4% 0.069 108.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#AD93D2

Wisteria · DarkGray · Lilac Purple

HEX
#AD93D2
RGB
rgb(173, 147, 210)
HSL
hsl(265, 41%, 70%)
HSB
hsb(265, 30%, 82%)
CMYK
cmyk(18%, 30%, 0%, 18%)
Oklch
oklch(70.9% 0.094 303.0)

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

#413043

Dark Plum · DarkSlateGray · Eggplant

HEX
#413043
RGB
rgb(65, 48, 67)
HSL
hsl(294, 17%, 23%)
HSB
hsb(294, 28%, 26%)
CMYK
cmyk(3%, 28%, 0%, 74%)
Oklch
oklch(33.6% 0.040 322.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DEBC
C1BBDD

Analogous

DDD2BB
D8DEBC
C6DDBB

Triadic

D8DEBC
BBD7DD
DDBBD7

Split-Comp.

D8DEBC
BBC6DD
D2BBDD

Tetradic

D8DEBC
BBDDD2
C1BBDD
DDBBC6

Contrast Matrix WCAG 2.1 Contrast

D8DEBC
A1AC82
9D9D6B
AD93D2
413043
—
1.7
Fail
2.0
Fail
1.9
Fail
8.7
AAA
1.7
Fail
—
1.2
Fail
1.1
Fail
5.1
AA
2.0
Fail
1.2
Fail
—
1.1
Fail
4.3
AA Large
1.9
Fail
1.1
Fail
1.1
Fail
—
4.6
AA
8.7
AAA
5.1
AA
4.3
AA Large
4.6
AA
—
White BG
1.4Fail
2.4Fail
2.8Fail
2.7Fail
12.1AAA
Black BG
15.1AAA
8.7AAA
7.5AAA
7.9AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC4
A6A68C
9D9D77
A2A2C3
3A393E

Deuteranopia

DADAC6
A5A48F
9D9D7A
A3A5BF
3B3C3D

Tritanopia

D8CBCC
A29496
9D8183
ACB7B4
403B3A

Achromatopsia

D8D8D8
A4A4A4
979797
A2A2A2
373737

Shades & Tints Shades & Tints

#D8DEBC

Dark
Light

#A1AC82

Dark
Light

#9D9D6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8debc;
  --color-2: #a1ac82;
  --color-3: #9d9d6b;
  --color-4: #ad93d2;
  --color-5: #413043;
}

SCSS

$color-1: #d8debc;
$color-2: #a1ac82;
$color-3: #9d9d6b;
$color-4: #ad93d2;
$color-5: #413043;

TAILWIND

colors: {
  'brand-1': '#d8debc',
  'brand-2': '#a1ac82',
  'brand-3': '#9d9d6b',
  'brand-4': '#ad93d2',
  'brand-5': '#413043',
}

RGB Array

[216, 222, 188], [161, 172, 130], [157, 157, 107], [173, 147, 210], [65, 48, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8DEBC, #A1AC82, #9D9D6B, #AD93D2, #413043 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d8debc; --color-2: #a1ac82; --color-3: #9d9d6b; --color-4: #ad93d2; --color-5: #413043. 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. 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