← Back to Editor

#FFD8AD · #DEC96D · #DBAC69 · #E6915C · #AB827B

skin

A 5-color skin palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

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

#DEC96D

Ginger · BurlyWood · Sunflower

HEX
#DEC96D
RGB
rgb(222, 201, 109)
HSL
hsl(49, 63%, 65%)
HSB
hsb(49, 51%, 87%)
CMYK
cmyk(0%, 9%, 51%, 13%)
Oklch
oklch(83.4% 0.115 96.8)

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

#DBAC69

Ginger · SandyBrown · Warm Sun

HEX
#DBAC69
RGB
rgb(219, 172, 105)
HSL
hsl(35, 61%, 64%)
HSB
hsb(35, 52%, 86%)
CMYK
cmyk(0%, 21%, 52%, 14%)
Oklch
oklch(77.3% 0.101 75.1)

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

#E6915C

Apricot · SandyBrown · Warm Sun

HEX
#E6915C
RGB
rgb(230, 145, 92)
HSL
hsl(23, 73%, 63%)
HSB
hsb(23, 60%, 90%)
CMYK
cmyk(0%, 37%, 60%, 10%)
Oklch
oklch(73.3% 0.124 51.7)

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

#AB827B

Crimson · Gray · Passion Red

HEX
#AB827B
RGB
rgb(171, 130, 123)
HSL
hsl(9, 22%, 58%)
HSB
hsb(9, 28%, 67%)
CMYK
cmyk(0%, 24%, 28%, 33%)
Oklch
oklch(64.4% 0.052 29.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

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
DEC96D
DBAC69
E6915C
AB827B
—
1.2
Fail
1.5
Fail
1.8
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.5
Fail
2.0
Fail
1.6
Fail
1.4
Fail
—
White BG
1.3Fail
1.7Fail
2.1Fail
2.5Fail
3.4AA Large
Black BG
15.7AAA
12.7AAA
10.1AAA
8.6AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB7
D5D583
C7C679
C1C069
99997D

Deuteranopia

F0F3BA
D6D889
C9CD7D
C6CD6C
9C9F7D

Tritanopia

FDC0C1
DD9599
D98689
E27375
A97E7E

Achromatopsia

DFDFDF
C5C5C5
B2B2B2
A4A4A4
8D8D8D

Shades & Tints Shades & Tints

#FFD8AD

Dark
Light

#DEC96D

Dark
Light

#DBAC69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd8ad;
  --color-2: #dec96d;
  --color-3: #dbac69;
  --color-4: #e6915c;
  --color-5: #ab827b;
}

SCSS

$color-1: #ffd8ad;
$color-2: #dec96d;
$color-3: #dbac69;
$color-4: #e6915c;
$color-5: #ab827b;

TAILWIND

colors: {
  'brand-1': '#ffd8ad',
  'brand-2': '#dec96d',
  'brand-3': '#dbac69',
  'brand-4': '#e6915c',
  'brand-5': '#ab827b',
}

RGB Array

[255, 216, 173], [222, 201, 109], [219, 172, 105], [230, 145, 92], [171, 130, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FFD8AD, #DEC96D, #DBAC69, #E6915C, #AB827B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic 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: #dec96d; --color-3: #dbac69; --color-4: #e6915c; --color-5: #ab827b. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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