#DADAD8 + #909790 + #E8A091 + #F2B96C + #FCD347 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DADAD8

Silver Gray · LightGray · Pearl Gray

HEX

#DADAD8

RGB

rgb(218, 218, 216)

HSL

hsl(60, 3%, 85%)

HSB

hsb(60, 1%, 85%)

CMYK

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

Oklch

oklch(88.8% 0.003 106.5)

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

#909790

Ash · LightSlateGray · Silver Sand

HEX

#909790

RGB

rgb(144, 151, 144)

HSL

hsl(120, 3%, 58%)

HSB

hsb(120, 5%, 59%)

CMYK

cmyk(5%, 0%, 5%, 41%)

Oklch

oklch(66.9% 0.013 145.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E8A091

Peach Pink · DarkSalmon · Coral Red

HEX

#E8A091

RGB

rgb(232, 160, 145)

HSL

hsl(10, 65%, 74%)

HSB

hsb(10, 38%, 91%)

CMYK

cmyk(0%, 31%, 38%, 9%)

Oklch

oklch(77.2% 0.089 32.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F2B96C

Ginger · SandyBrown · Warm Sun

HEX

#F2B96C

RGB

rgb(242, 185, 108)

HSL

hsl(34, 84%, 69%)

HSB

hsb(34, 55%, 95%)

CMYK

cmyk(0%, 24%, 55%, 5%)

Oklch

oklch(82.2% 0.115 73.3)

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

#FCD347

Ginger · SandyBrown · Sunflower

HEX

#FCD347

RGB

rgb(252, 211, 71)

HSL

hsl(46, 97%, 63%)

HSB

hsb(46, 72%, 99%)

CMYK

cmyk(0%, 16%, 72%, 1%)

Oklch

oklch(87.9% 0.157 92.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADAD8

D8D8DA

Analogous

DAD9D8

DADAD8

D9DAD8

Triadic

DADAD8

D8DADA

DAD8DA

Split-Comp.

DADAD8

D8D9DA

D9D8DA

Tetradic

DADAD8

D8DAD9

D8D8DA

DAD8D9

Contrast Matrix WCAG 2.1 Contrast

DADAD8	909790	E8A091	F2B96C	FCD347
—	2.1 Fail	1.5 Fail	1.3 Fail	1.0 Fail
2.1 Fail	—	1.4 Fail	1.7 Fail	2.1 Fail
1.5 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
1.3 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
1.0 Fail	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

1.4Fail

3.0Fail

2.1Fail

1.8Fail

1.4Fail

Black BG

15.0AAA

7.0AAA

9.9AAA

11.9AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAD8

939392

C9C895

D9D97F

EAEA69

Deuteranopia

DADAD9

939292

CDD296

DDE183

EDF071

Tritanopia

DAD9D9

909393

E49798

EF8D91

FA848A

Achromatopsia

DADADA

949494

B4B4B4

C1C1C1

CFCFCF

Shades & Tints Shades & Tints

#DADAD8

Dark

Light

#909790

Dark

Light

#E8A091

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dadad8;
  --color-2: #909790;
  --color-3: #e8a091;
  --color-4: #f2b96c;
  --color-5: #fcd347;
}

SCSS

$color-1: #dadad8;
$color-2: #909790;
$color-3: #e8a091;
$color-4: #f2b96c;
$color-5: #fcd347;

TAILWIND

colors: {
  'brand-1': '#dadad8',
  'brand-2': '#909790',
  'brand-3': '#e8a091',
  'brand-4': '#f2b96c',
  'brand-5': '#fcd347',
}

RGB Array

[218, 218, 216], [144, 151, 144], [232, 160, 145], [242, 185, 108], [252, 211, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #DADAD8, #909790, #E8A091, #F2B96C, #FCD347 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: #dadad8; --color-2: #909790; --color-3: #e8a091; --color-4: #f2b96c; --color-5: #fcd347. 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 sunset-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