← Back to Editor

#D7DEC3 · #DAC394 · #A1AB91 · #65989A · #4B474F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D7DEC3

Willow Green · LightGray · Mint Green

HEX
#D7DEC3
RGB
rgb(215, 222, 195)
HSL
hsl(76, 29%, 82%)
HSB
hsb(76, 12%, 87%)
CMYK
cmyk(3%, 0%, 12%, 13%)
Oklch
oklch(88.8% 0.037 119.0)

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

#DAC394

Goose Yellow · BurlyWood · Sunflower

HEX
#DAC394
RGB
rgb(218, 195, 148)
HSL
hsl(40, 49%, 72%)
HSB
hsb(40, 32%, 85%)
CMYK
cmyk(0%, 11%, 32%, 15%)
Oklch
oklch(82.5% 0.067 84.8)

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

#A1AB91

Willow Green · DarkSeaGreen · Apple Green

HEX
#A1AB91
RGB
rgb(161, 171, 145)
HSL
hsl(83, 13%, 62%)
HSB
hsb(83, 15%, 67%)
CMYK
cmyk(6%, 0%, 15%, 33%)
Oklch
oklch(72.6% 0.038 124.5)

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

#65989A

Slate Blue · CadetBlue · Mint Ice

HEX
#65989A
RGB
rgb(101, 152, 154)
HSL
hsl(182, 21%, 50%)
HSB
hsb(182, 34%, 60%)
CMYK
cmyk(34%, 1%, 0%, 40%)
Oklch
oklch(64.5% 0.054 199.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4B474F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4B474F
RGB
rgb(75, 71, 79)
HSL
hsl(270, 5%, 29%)
HSB
hsb(270, 10%, 31%)
CMYK
cmyk(5%, 10%, 0%, 69%)
Oklch
oklch(40.5% 0.014 308.1)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7DEC3
CBC4DE

Analogous

DED8C4
D7DEC3
CADEC4

Triadic

D7DEC3
C4D7DE
DEC4D7

Split-Comp.

D7DEC3
C4CADE
D8C4DE

Tetradic

D7DEC3
C4DED8
CBC4DE
DEC4CA

Contrast Matrix WCAG 2.1 Contrast

D7DEC3
DAC394
A1AB91
65989A
4B474F
—
1.2
Fail
1.7
Fail
2.3
Fail
6.5
AA
1.2
Fail
—
1.4
Fail
1.9
Fail
5.3
AA
1.7
Fail
1.4
Fail
—
1.3
Fail
3.8
AA Large
2.3
Fail
1.9
Fail
1.3
Fail
—
2.8
Fail
6.5
AA
5.3
AA
3.8
AA Large
2.8
Fail
—
White BG
1.4Fail
1.7Fail
2.4Fail
3.2AA Large
9.1AAA
Black BG
15.1AAA
12.2AAA
8.7AAA
6.5AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADACA
D0D09F
A5A597
7B7C9A
49494D

Deuteranopia

DAD9CB
D1D3A2
A5A499
787499
4A4A4D

Tritanopia

D7CFD0
D9A8AA
A29C9D
689999
4B4C4B

Achromatopsia

D9D9D9
C5C5C5
A5A5A5
898989
494949

Shades & Tints Shades & Tints

#D7DEC3

Dark
Light

#DAC394

Dark
Light

#A1AB91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7dec3;
  --color-2: #dac394;
  --color-3: #a1ab91;
  --color-4: #65989a;
  --color-5: #4b474f;
}

SCSS

$color-1: #d7dec3;
$color-2: #dac394;
$color-3: #a1ab91;
$color-4: #65989a;
$color-5: #4b474f;

TAILWIND

colors: {
  'brand-1': '#d7dec3',
  'brand-2': '#dac394',
  'brand-3': '#a1ab91',
  'brand-4': '#65989a',
  'brand-5': '#4b474f',
}

RGB Array

[215, 222, 195], [218, 195, 148], [161, 171, 145], [101, 152, 154], [75, 71, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7DEC3, #DAC394, #A1AB91, #65989A, #4B474F 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: #d7dec3; --color-2: #dac394; --color-3: #a1ab91; --color-4: #65989a; --color-5: #4b474f. 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