#D6D0D0 + #EBEBEB + #F2D9C7 + #F0C492 + #F5A142 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6D0D0

Silver Gray · LightGray · Pearl Gray

HEX

#D6D0D0

RGB

rgb(214, 208, 208)

HSL

hsl(0, 7%, 83%)

HSB

hsb(0, 3%, 84%)

CMYK

cmyk(0%, 3%, 3%, 16%)

Oklch

oklch(86.2% 0.007 17.3)

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

#EBEBEB

Plain White · Lavender · Cloud White

HEX

#EBEBEB

RGB

rgb(235, 235, 235)

HSL

hsl(0, 0%, 92%)

HSB

hsb(0, 0%, 92%)

CMYK

cmyk(0%, 0%, 0%, 8%)

Oklch

oklch(94.0% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#F2D9C7

Apricot · Bisque · Peach Orange

HEX

#F2D9C7

RGB

rgb(242, 217, 199)

HSL

hsl(25, 62%, 86%)

HSB

hsb(25, 18%, 95%)

CMYK

cmyk(0%, 10%, 18%, 5%)

Oklch

oklch(90.1% 0.037 58.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F0C492

Goose Yellow · BurlyWood · Peach Orange

HEX

#F0C492

RGB

rgb(240, 196, 146)

HSL

hsl(32, 76%, 76%)

HSB

hsb(32, 39%, 94%)

CMYK

cmyk(0%, 18%, 39%, 6%)

Oklch

oklch(84.7% 0.082 69.9)

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

#F5A142

Ginger · SandyBrown · Warm Sun

HEX

#F5A142

RGB

rgb(245, 161, 66)

HSL

hsl(32, 90%, 61%)

HSB

hsb(32, 73%, 96%)

CMYK

cmyk(0%, 34%, 73%, 4%)

Oklch

oklch(77.7% 0.146 65.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D0D0

D1D7D7

Analogous

D7D1D4

D6D0D0

D7D4D1

Triadic

D6D0D0

D1D7D1

D1D1D7

Split-Comp.

D6D0D0

D1D7D4

D1D4D7

Tetradic

D6D0D0

D4D7D1

D1D7D7

D4D1D7

Contrast Matrix WCAG 2.1 Contrast

D6D0D0	EBEBEB	F2D9C7	F0C492	F5A142
—	1.3 Fail	1.1 Fail	1.1 Fail	1.4 Fail
1.3 Fail	—	1.1 Fail	1.4 Fail	1.8 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.4 Fail	1.8 Fail	1.5 Fail	1.3 Fail	—

White BG

1.5Fail

1.2Fail

1.4Fail

1.6Fail

2.1Fail

Black BG

13.8AAA

17.6AAA

15.5AAA

13.0AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3D0

EBEBEB

E7E7CB

DDDD9E

D1D059

Deuteranopia

D4D4D0

EBEBEB

E9EACC

E0E3A1

D6DC5F

Tritanopia

D6D0D0

EBEBEB

F1CFD0

EEA8AA

F16B6F

Achromatopsia

D2D2D2

EBEBEB

DEDEDE

CBCBCB

AFAFAF

Shades & Tints Shades & Tints

#D6D0D0

Dark

Light

#EBEBEB

Dark

Light

#F2D9C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d0d0;
  --color-2: #ebebeb;
  --color-3: #f2d9c7;
  --color-4: #f0c492;
  --color-5: #f5a142;
}

SCSS

$color-1: #d6d0d0;
$color-2: #ebebeb;
$color-3: #f2d9c7;
$color-4: #f0c492;
$color-5: #f5a142;

TAILWIND

colors: {
  'brand-1': '#d6d0d0',
  'brand-2': '#ebebeb',
  'brand-3': '#f2d9c7',
  'brand-4': '#f0c492',
  'brand-5': '#f5a142',
}

RGB Array

[214, 208, 208], [235, 235, 235], [242, 217, 199], [240, 196, 146], [245, 161, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D0D0, #EBEBEB, #F2D9C7, #F0C492, #F5A142 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: #d6d0d0; --color-2: #ebebeb; --color-3: #f2d9c7; --color-4: #f0c492; --color-5: #f5a142. 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