#FFD8AD + #CDB1A6 + #9A8A9E + #9DA7AF + #A0C3BF · skin - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFD8AD

Goose Yellow · Wheat · Peach Orange

HEX

#FFD8AD

RGB

rgb(255, 216, 173)

HSL

hsl(31, 100%, 84%)

HSB

hsb(31, 32%, 100%)

CMYK

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

Oklch

oklch(90.5% 0.071 69.5)

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

#CDB1A6

Apricot · Tan · Warm Sun

HEX

#CDB1A6

RGB

rgb(205, 177, 166)

HSL

hsl(17, 28%, 73%)

HSB

hsb(17, 19%, 80%)

CMYK

cmyk(0%, 14%, 19%, 20%)

Oklch

oklch(78.2% 0.036 42.6)

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

#9A8A9E

Dark Plum · LightSlateGray · Silver Sand

HEX

#9A8A9E

RGB

rgb(154, 138, 158)

HSL

hsl(288, 9%, 58%)

HSB

hsb(288, 13%, 62%)

CMYK

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

Oklch

oklch(65.4% 0.035 319.5)

Traditional「Dark Plum」· Paint「Silver Sand」· Creative Urban Concrete

#9DA7AF

Sky Blue · DarkGray · Cobalt Blue

HEX

#9DA7AF

RGB

rgb(157, 167, 175)

HSL

hsl(207, 10%, 65%)

HSB

hsb(207, 10%, 69%)

CMYK

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

Oklch

oklch(72.3% 0.016 241.9)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#A0C3BF

Jade · Silver · Lake Green

HEX

#A0C3BF

RGB

rgb(160, 195, 191)

HSL

hsl(173, 23%, 70%)

HSB

hsb(173, 18%, 76%)

CMYK

cmyk(18%, 0%, 2%, 24%)

Oklch

oklch(79.0% 0.038 187.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD8AD

ADD5FF

Analogous

FFAFAD

FFD8AD

FEFFAD

Triadic

FFD8AD

ADFFD8

D8ADFF

Split-Comp.

FFD8AD

ADFEFF

AFADFF

Tetradic

FFD8AD

ADFFAF

ADD5FF

FFADFE

Contrast Matrix WCAG 2.1 Contrast

FFD8AD	CDB1A6	9A8A9E	9DA7AF	A0C3BF
—	1.5 Fail	2.4 Fail	1.8 Fail	1.4 Fail
1.5 Fail	—	1.6 Fail	1.2 Fail	1.1 Fail
2.4 Fail	1.6 Fail	—	1.3 Fail	1.7 Fail
1.8 Fail	1.2 Fail	1.3 Fail	—	1.3 Fail
1.4 Fail	1.1 Fail	1.7 Fail	1.3 Fail	—

White BG

1.3Fail

2.0Fail

3.2AA Large

2.4Fail

1.9Fail

Black BG

15.7AAA

10.4AAA

6.5AA

8.6AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB7

C1C1A9

939399

A1A1AD

AFAFC0

Deuteranopia

F0F3BA

C3C5A9

949598

A1A0AD

ADABC0

Tritanopia

FDC0C1

CCABAB

999595

9EACAB

A2C1C1

Achromatopsia

DFDFDF

B8B8B8

919191

A5A5A5

B8B8B8

Shades & Tints Shades & Tints

#FFD8AD

Dark

Light

#CDB1A6

Dark

Light

#9A8A9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd8ad;
  --color-2: #cdb1a6;
  --color-3: #9a8a9e;
  --color-4: #9da7af;
  --color-5: #a0c3bf;
}

SCSS

$color-1: #ffd8ad;
$color-2: #cdb1a6;
$color-3: #9a8a9e;
$color-4: #9da7af;
$color-5: #a0c3bf;

TAILWIND

colors: {
  'brand-1': '#ffd8ad',
  'brand-2': '#cdb1a6',
  'brand-3': '#9a8a9e',
  'brand-4': '#9da7af',
  'brand-5': '#a0c3bf',
}

RGB Array

[255, 216, 173], [205, 177, 166], [154, 138, 158], [157, 167, 175], [160, 195, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FFD8AD, #CDB1A6, #9A8A9E, #9DA7AF, #A0C3BF 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: #ffd8ad; --color-2: #cdb1a6; --color-3: #9a8a9e; --color-4: #9da7af; --color-5: #a0c3bf. 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 skin-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