← Back to Editor

#DDDACD · #B4ADA0 · #FCD7F2 · #908991 · #181715

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

#DDDACD

Goose Yellow · LightGray · Lemon Cream

HEX
#DDDACD
RGB
rgb(221, 218, 205)
HSL
hsl(49, 19%, 84%)
HSB
hsb(49, 7%, 87%)
CMYK
cmyk(0%, 1%, 7%, 13%)
Oklch
oklch(88.7% 0.018 96.1)

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

#B4ADA0

Ginger · DarkGray · Warm Sun

HEX
#B4ADA0
RGB
rgb(180, 173, 160)
HSL
hsl(39, 12%, 67%)
HSB
hsb(39, 11%, 71%)
CMYK
cmyk(0%, 4%, 11%, 29%)
Oklch
oklch(75.0% 0.020 83.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FCD7F2

Mauve · Lavender · Lavender

HEX
#FCD7F2
RGB
rgb(252, 215, 242)
HSL
hsl(316, 86%, 92%)
HSB
hsb(316, 15%, 99%)
CMYK
cmyk(0%, 15%, 4%, 1%)
Oklch
oklch(91.8% 0.054 335.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#908991

Ash · Gray · Warm Gray

HEX
#908991
RGB
rgb(144, 137, 145)
HSL
hsl(293, 4%, 55%)
HSB
hsb(293, 6%, 57%)
CMYK
cmyk(1%, 6%, 0%, 43%)
Oklch
oklch(63.9% 0.014 321.9)

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

#181715

Ink Black · Black · Jet Black

HEX
#181715
RGB
rgb(24, 23, 21)
HSL
hsl(40, 7%, 9%)
HSB
hsb(40, 13%, 9%)
CMYK
cmyk(0%, 4%, 12%, 91%)
Oklch
oklch(20.5% 0.004 84.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDACD
CED1DE

Analogous

DED3CE
DDDACD
D9DECE

Triadic

DDDACD
CEDEDB
DBCEDE

Split-Comp.

DDDACD
CED9DE
D3CEDE

Tetradic

DDDACD
CEDED3
CED1DE
DECED9

Contrast Matrix WCAG 2.1 Contrast

DDDACD
B4ADA0
FCD7F2
908991
181715
—
1.6
Fail
1.1
Fail
2.4
Fail
12.8
AAA
1.6
Fail
—
1.7
Fail
1.5
Fail
8.0
AAA
1.1
Fail
1.7
Fail
—
2.6
Fail
13.8
AAA
2.4
Fail
1.5
Fail
2.6
Fail
—
5.3
AA
12.8
AAA
8.0
AAA
13.8
AAA
5.3
AA
—
White BG
1.4Fail
2.2Fail
1.3Fail
3.4AA Large
17.9AAA
Black BG
15.0AAA
9.4AAA
16.1AAA
6.2AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD0
B1B1A3
ECECEB
8D8D8F
181815

Deuteranopia

DCDCD1
B1B2A4
EEF1EA
8D8E8F
181816

Tritanopia

DDD3D3
B4A6A6
FAE6E5
908E8D
181616

Achromatopsia

D9D9D9
AEAEAE
E5E5E5
8C8C8C
171717

Shades & Tints Shades & Tints

#DDDACD

Dark
Light

#B4ADA0

Dark
Light

#FCD7F2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddacd;
  --color-2: #b4ada0;
  --color-3: #fcd7f2;
  --color-4: #908991;
  --color-5: #181715;
}

SCSS

$color-1: #dddacd;
$color-2: #b4ada0;
$color-3: #fcd7f2;
$color-4: #908991;
$color-5: #181715;

TAILWIND

colors: {
  'brand-1': '#dddacd',
  'brand-2': '#b4ada0',
  'brand-3': '#fcd7f2',
  'brand-4': '#908991',
  'brand-5': '#181715',
}

RGB Array

[221, 218, 205], [180, 173, 160], [252, 215, 242], [144, 137, 145], [24, 23, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDDACD, #B4ADA0, #FCD7F2, #908991, #181715 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: #dddacd; --color-2: #b4ada0; --color-3: #fcd7f2; --color-4: #908991; --color-5: #181715. 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