#D1D1D1 + #D8D9B0 + #DADB84 + #DBDE37 + #CED113 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1D1D1

Silver Gray · LightGray · Pearl Gray

HEX

#D1D1D1

RGB

rgb(209, 209, 209)

HSL

hsl(0, 0%, 82%)

HSB

hsb(0, 0%, 82%)

CMYK

cmyk(0%, 0%, 0%, 18%)

Oklch

oklch(86.1% 0.000 89.9)

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

#D8D9B0

Fresh Green · Wheat · Lemon Cream

HEX

#D8D9B0

RGB

rgb(216, 217, 176)

HSL

hsl(61, 35%, 77%)

HSB

hsb(61, 19%, 85%)

CMYK

cmyk(0%, 0%, 19%, 15%)

Oklch

oklch(87.4% 0.054 108.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#DADB84

Fresh Green · Khaki · Sunflower

HEX

#DADB84

RGB

rgb(218, 219, 132)

HSL

hsl(61, 55%, 69%)

HSB

hsb(61, 40%, 86%)

CMYK

cmyk(0%, 0%, 40%, 14%)

Oklch

oklch(87.2% 0.110 109.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#DBDE37

Autumn Sage · GreenYellow · Sunflower

HEX

#DBDE37

RGB

rgb(219, 222, 55)

HSL

hsl(61, 72%, 54%)

HSB

hsb(61, 75%, 87%)

CMYK

cmyk(1%, 0%, 75%, 13%)

Oklch

oklch(87.1% 0.176 110.6)

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

#CED113

Autumn Sage · GoldenRod · Honey Gold

HEX

#CED113

RGB

rgb(206, 209, 19)

HSL

hsl(61, 83%, 45%)

HSB

hsb(61, 91%, 82%)

CMYK

cmyk(1%, 0%, 91%, 18%)

Oklch

oklch(83.1% 0.180 110.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D1D1

Analogous

D1D1D1

Triadic

D1D1D1

Split-Comp.

D1D1D1

Tetradic

D1D1D1

Contrast Matrix WCAG 2.1 Contrast

D1D1D1	D8D9B0	DADB84	DBDE37	CED113
—	1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.5Fail

1.4Fail

1.6Fail

Black BG

13.8AAA

14.5AAA

14.4AAA

14.5AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1D1

D8D8BA

DADA99

DCDC5F

CFCF41

Deuteranopia

D1D1D1

D8D8BC

DADA9E

DCDC69

CFCF4C

Tritanopia

D1D1D1

D8C2C3

DAAAAD

DB7F86

CE656D

Achromatopsia

D1D1D1

D4D4D4

D1D1D1

CACACA

BABABA

Shades & Tints Shades & Tints

#D1D1D1

Dark

Light

#D8D9B0

Dark

Light

#DADB84

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d1d1;
  --color-2: #d8d9b0;
  --color-3: #dadb84;
  --color-4: #dbde37;
  --color-5: #ced113;
}

SCSS

$color-1: #d1d1d1;
$color-2: #d8d9b0;
$color-3: #dadb84;
$color-4: #dbde37;
$color-5: #ced113;

TAILWIND

colors: {
  'brand-1': '#d1d1d1',
  'brand-2': '#d8d9b0',
  'brand-3': '#dadb84',
  'brand-4': '#dbde37',
  'brand-5': '#ced113',
}

RGB Array

[209, 209, 209], [216, 217, 176], [218, 219, 132], [219, 222, 55], [206, 209, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D1D1, #D8D9B0, #DADB84, #DBDE37, #CED113 is ideal for: health products, baby brands, fresh-style blogs. 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: #d1d1d1; --color-2: #d8d9b0; --color-3: #dadb84; --color-4: #dbde37; --color-5: #ced113. 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. 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