#D6D9B4 + #D1D1D1 + #FFD412 + #EBD323 + #DED48A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6D9B4

Fresh Green · Wheat · Lemon Cream

HEX

#D6D9B4

RGB

rgb(214, 217, 180)

HSL

hsl(65, 33%, 78%)

HSB

hsb(65, 17%, 85%)

CMYK

cmyk(1%, 0%, 17%, 15%)

Oklch

oklch(87.3% 0.049 111.2)

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

#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

#FFD412

Ginger · Gold · Sunflower

HEX

#FFD412

RGB

rgb(255, 212, 18)

HSL

hsl(49, 100%, 54%)

HSB

hsb(49, 93%, 100%)

CMYK

cmyk(0%, 17%, 93%, 0%)

Oklch

oklch(88.1% 0.178 93.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EBD323

Autumn Sage · Gold · Sunflower

HEX

#EBD323

RGB

rgb(235, 211, 35)

HSL

hsl(53, 83%, 53%)

HSB

hsb(53, 85%, 92%)

CMYK

cmyk(0%, 10%, 85%, 8%)

Oklch

oklch(86.1% 0.173 100.6)

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

#DED48A

Fresh Green · Khaki · Sunflower

HEX

#DED48A

RGB

rgb(222, 212, 138)

HSL

hsl(53, 56%, 71%)

HSB

hsb(53, 38%, 87%)

CMYK

cmyk(0%, 5%, 38%, 13%)

Oklch

oklch(86.1% 0.095 101.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D9B4

B7B4D9

Analogous

D9CAB4

D6D9B4

C4D9B4

Triadic

D6D9B4

B4D6D9

D9B4D6

Split-Comp.

D6D9B4

B4C4D9

CAB4D9

Tetradic

D6D9B4

B4D9CA

B7B4D9

D9B4C4

Contrast Matrix WCAG 2.1 Contrast

D6D9B4	D1D1D1	FFD412	EBD323	DED48A
—	1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.1 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.1 Fail	1.0 Fail	—

White BG

1.5Fail

1.4Fail

1.5Fail

Black BG

14.4AAA

13.8AAA

14.7AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7BD

D1D1D1

ECEC41

E1E04E

DADA9C

Deuteranopia

D7D7BF

D1D1D1

EFF24C

E2E458

DADBA0

Tritanopia

D6C4C6

D1D1D1

FD666E

EA6F77

DDAAAD

Achromatopsia

D4D4D4

D1D1D1

CBCBCB

C6C6C6

CFCFCF

Shades & Tints Shades & Tints

#D6D9B4

Dark

Light

#D1D1D1

Dark

Light

#FFD412

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d9b4;
  --color-2: #d1d1d1;
  --color-3: #ffd412;
  --color-4: #ebd323;
  --color-5: #ded48a;
}

SCSS

$color-1: #d6d9b4;
$color-2: #d1d1d1;
$color-3: #ffd412;
$color-4: #ebd323;
$color-5: #ded48a;

TAILWIND

colors: {
  'brand-1': '#d6d9b4',
  'brand-2': '#d1d1d1',
  'brand-3': '#ffd412',
  'brand-4': '#ebd323',
  'brand-5': '#ded48a',
}

RGB Array

[214, 217, 180], [209, 209, 209], [255, 212, 18], [235, 211, 35], [222, 212, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D9B4, #D1D1D1, #FFD412, #EBD323, #DED48A 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: #d6d9b4; --color-2: #d1d1d1; --color-3: #ffd412; --color-4: #ebd323; --color-5: #ded48a. 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