← Back to Editor

#DCDDD7 · #6F6B68 · #93ABAB · #E7DFD4 · #F1EEE9

luxury

A 5-color luxury 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

#DCDDD7

Willow Green · LightGray · Pearl Gray

HEX
#DCDDD7
RGB
rgb(220, 221, 215)
HSL
hsl(70, 8%, 85%)
HSB
hsb(70, 3%, 87%)
CMYK
cmyk(0%, 0%, 3%, 13%)
Oklch
oklch(89.5% 0.008 114.2)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#6F6B68

Ink Gray · DimGray · Warm Gray

HEX
#6F6B68
RGB
rgb(111, 107, 104)
HSL
hsl(26, 3%, 42%)
HSB
hsb(26, 6%, 44%)
CMYK
cmyk(0%, 4%, 6%, 56%)
Oklch
oklch(53.0% 0.007 59.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#93ABAB

Sky Blue · DarkGray · Lake Green

HEX
#93ABAB
RGB
rgb(147, 171, 171)
HSL
hsl(180, 12%, 62%)
HSB
hsb(180, 14%, 67%)
CMYK
cmyk(14%, 0%, 0%, 33%)
Oklch
oklch(72.3% 0.027 196.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#E7DFD4

Goose Yellow · LightGray · Peach Orange

HEX
#E7DFD4
RGB
rgb(231, 223, 212)
HSL
hsl(35, 28%, 87%)
HSB
hsb(35, 8%, 91%)
CMYK
cmyk(0%, 3%, 8%, 9%)
Oklch
oklch(90.7% 0.017 76.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F1EEE9

Goose Yellow · Linen · Peach Orange

HEX
#F1EEE9
RGB
rgb(241, 238, 233)
HSL
hsl(38, 22%, 93%)
HSB
hsb(38, 3%, 95%)
CMYK
cmyk(0%, 1%, 3%, 5%)
Oklch
oklch(95.0% 0.007 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCDDD7
D7D6DC

Analogous

DCDAD6
DCDDD7
D8DCD6

Triadic

DCDDD7
D6DBDC
DCD6DB

Split-Comp.

DCDDD7
D6D8DC
DAD6DC

Tetradic

DCDDD7
D6DCDA
D7D6DC
DCD6D8

Contrast Matrix WCAG 2.1 Contrast

DCDDD7
6F6B68
93ABAB
E7DFD4
F1EEE9
—
3.9
AA Large
1.8
Fail
1.0
Fail
1.2
Fail
3.9
AA Large
—
2.2
Fail
4.0
AA Large
4.6
AA
1.8
Fail
2.2
Fail
—
1.8
Fail
2.1
Fail
1.0
Fail
4.0
AA Large
1.8
Fail
—
1.1
Fail
1.2
Fail
4.6
AA
2.1
Fail
1.1
Fail
—
White BG
1.4Fail
5.3AA
2.4Fail
1.3Fail
1.2Fail
Black BG
15.4AAA
4.0AA Large
8.7AAA
15.9AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD8
6D6D69
9D9EAB
E4E3D7
F0F0EA

Deuteranopia

DCDCD9
6E6E69
9C9AAB
E4E5D7
F0F0EB

Tritanopia

DCDADA
6F6969
94ABAB
E7D9D9
F1EBEB

Achromatopsia

DCDCDC
6C6C6C
A4A4A4
E0E0E0
EEEEEE

Shades & Tints Shades & Tints

#DCDDD7

Dark
Light

#6F6B68

Dark
Light

#93ABAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcddd7;
  --color-2: #6f6b68;
  --color-3: #93abab;
  --color-4: #e7dfd4;
  --color-5: #f1eee9;
}

SCSS

$color-1: #dcddd7;
$color-2: #6f6b68;
$color-3: #93abab;
$color-4: #e7dfd4;
$color-5: #f1eee9;

TAILWIND

colors: {
  'brand-1': '#dcddd7',
  'brand-2': '#6f6b68',
  'brand-3': '#93abab',
  'brand-4': '#e7dfd4',
  'brand-5': '#f1eee9',
}

RGB Array

[220, 221, 215], [111, 107, 104], [147, 171, 171], [231, 223, 212], [241, 238, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #DCDDD7, #6F6B68, #93ABAB, #E7DFD4, #F1EEE9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #dcddd7; --color-2: #6f6b68; --color-3: #93abab; --color-4: #e7dfd4; --color-5: #f1eee9. 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 luxury-style 5-color scheme is especially suited for beauty, lifestyle, arts 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