← Back to Editor

#FFD8AD · #F7D379 · #E8CA12 · #A3904E · #80736C

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

#F7D379

Goose Yellow · Khaki · Sunflower

HEX
#F7D379
RGB
rgb(247, 211, 121)
HSL
hsl(43, 89%, 72%)
HSB
hsb(43, 51%, 97%)
CMYK
cmyk(0%, 15%, 51%, 3%)
Oklch
oklch(87.9% 0.117 88.2)

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

#E8CA12

Autumn Sage · Gold · Honey Gold

HEX
#E8CA12
RGB
rgb(232, 202, 18)
HSL
hsl(52, 86%, 49%)
HSB
hsb(52, 92%, 91%)
CMYK
cmyk(0%, 13%, 92%, 9%)
Oklch
oklch(83.9% 0.171 98.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A3904E

Ochre · Gray · Honey Gold

HEX
#A3904E
RGB
rgb(163, 144, 78)
HSL
hsl(47, 35%, 47%)
HSB
hsb(47, 52%, 64%)
CMYK
cmyk(0%, 12%, 52%, 36%)
Oklch
oklch(65.6% 0.089 93.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#80736C

Tangerine · Gray · Warm Gray

HEX
#80736C
RGB
rgb(128, 115, 108)
HSL
hsl(21, 8%, 46%)
HSB
hsb(21, 16%, 50%)
CMYK
cmyk(0%, 10%, 16%, 50%)
Oklch
oklch(56.5% 0.019 50.2)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

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
F7D379
E8CA12
A3904E
80736C
—
1.1
Fail
1.2
Fail
2.4
Fail
3.4
AA Large
1.1
Fail
—
1.1
Fail
2.2
Fail
3.2
AA Large
1.2
Fail
1.1
Fail
—
1.9
Fail
2.8
Fail
2.4
Fail
2.2
Fail
1.9
Fail
—
1.5
Fail
3.4
AA Large
3.2
AA Large
2.8
Fail
1.5
Fail
—
White BG
1.3Fail
1.4Fail
1.6Fail
3.2AA Large
4.6AA
Black BG
15.7AAA
14.5AAA
12.9AAA
6.7AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB7
E7E78F
DBDB3F
9B9B5E
7A7A6E

Deuteranopia

F0F3BA
EAEC94
DDDF49
9C9D62
7B7C6E

Tritanopia

FDC0C1
F5A0A4
E66269
A26B6D
7F6F6F

Achromatopsia

DFDFDF
D4D4D4
BEBEBE
8E8E8E
767676

Shades & Tints Shades & Tints

#FFD8AD

Dark
Light

#F7D379

Dark
Light

#E8CA12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd8ad;
  --color-2: #f7d379;
  --color-3: #e8ca12;
  --color-4: #a3904e;
  --color-5: #80736c;
}

SCSS

$color-1: #ffd8ad;
$color-2: #f7d379;
$color-3: #e8ca12;
$color-4: #a3904e;
$color-5: #80736c;

TAILWIND

colors: {
  'brand-1': '#ffd8ad',
  'brand-2': '#f7d379',
  'brand-3': '#e8ca12',
  'brand-4': '#a3904e',
  'brand-5': '#80736c',
}

RGB Array

[255, 216, 173], [247, 211, 121], [232, 202, 18], [163, 144, 78], [128, 115, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FFD8AD, #F7D379, #E8CA12, #A3904E, #80736C is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f7d379; --color-3: #e8ca12; --color-4: #a3904e; --color-5: #80736c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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