#ADADAD + #DED5AF + #F5E9B5 + #EDA591 + #FF6670 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ADADAD

Ash · DarkGray · Silver Sand

HEX

#ADADAD

RGB

rgb(173, 173, 173)

HSL

hsl(0, 0%, 68%)

HSB

hsb(0, 0%, 68%)

CMYK

cmyk(0%, 0%, 0%, 32%)

Oklch

oklch(74.8% 0.000 89.9)

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

#DED5AF

Goose Yellow · Wheat · Lemon Cream

HEX

#DED5AF

RGB

rgb(222, 213, 175)

HSL

hsl(49, 42%, 78%)

HSB

hsb(49, 21%, 87%)

CMYK

cmyk(0%, 4%, 21%, 13%)

Oklch

oklch(87.1% 0.051 96.2)

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

#F5E9B5

Goose Yellow · Wheat · Lemon Cream

HEX

#F5E9B5

RGB

rgb(245, 233, 181)

HSL

hsl(49, 76%, 84%)

HSB

hsb(49, 26%, 96%)

CMYK

cmyk(0%, 5%, 26%, 4%)

Oklch

oklch(93.1% 0.068 96.6)

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

#EDA591

Peach Pink · BurlyWood · Coral Red

HEX

#EDA591

RGB

rgb(237, 165, 145)

HSL

hsl(13, 72%, 75%)

HSB

hsb(13, 39%, 93%)

CMYK

cmyk(0%, 30%, 39%, 7%)

Oklch

oklch(78.6% 0.091 36.2)

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

#FF6670

Peach Pink · Salmon · Coral Red

HEX

#FF6670

RGB

rgb(255, 102, 112)

HSL

hsl(356, 100%, 70%)

HSB

hsb(356, 60%, 100%)

CMYK

cmyk(0%, 60%, 56%, 0%)

Oklch

oklch(70.6% 0.186 19.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADADAD

Analogous

ADADAD

Triadic

ADADAD

Split-Comp.

ADADAD

Tetradic

ADADAD

Contrast Matrix WCAG 2.1 Contrast

ADADAD	DED5AF	F5E9B5	EDA591	FF6670
—	1.5 Fail	1.8 Fail	1.1 Fail	1.3 Fail
1.5 Fail	—	1.2 Fail	1.4 Fail	1.9 Fail
1.8 Fail	1.2 Fail	—	1.7 Fail	2.3 Fail
1.1 Fail	1.4 Fail	1.7 Fail	—	1.4 Fail
1.3 Fail	1.9 Fail	2.3 Fail	1.4 Fail	—

White BG

2.2Fail

1.5Fail

1.2Fail

2.0Fail

2.8Fail

Black BG

9.4AAA

14.2AAA

17.2AAA

10.4AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADAD

DADAB8

F0F0C2

CECD96

BDBB6E

Deuteranopia

ADADAD

DBDBBA

F1F1C5

D2D797

C6D16D

Tritanopia

ADADAD

DEBFC1

F4CCCE

E99A9B

F76C6B

Achromatopsia

ADADAD

D3D3D3

E7E7E7

B8B8B8

959595

Shades & Tints Shades & Tints

#ADADAD

Dark

Light

#DED5AF

Dark

Light

#F5E9B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adadad;
  --color-2: #ded5af;
  --color-3: #f5e9b5;
  --color-4: #eda591;
  --color-5: #ff6670;
}

SCSS

$color-1: #adadad;
$color-2: #ded5af;
$color-3: #f5e9b5;
$color-4: #eda591;
$color-5: #ff6670;

TAILWIND

colors: {
  'brand-1': '#adadad',
  'brand-2': '#ded5af',
  'brand-3': '#f5e9b5',
  'brand-4': '#eda591',
  'brand-5': '#ff6670',
}

RGB Array

[173, 173, 173], [222, 213, 175], [245, 233, 181], [237, 165, 145], [255, 102, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADADAD, #DED5AF, #F5E9B5, #EDA591, #FF6670 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: #adadad; --color-2: #ded5af; --color-3: #f5e9b5; --color-4: #eda591; --color-5: #ff6670. 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