← Back to Editor

#FAF4ED · #121110 · #E3CBB3 · #E8D3BE · #E8C1BE

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FAF4ED

Goose Yellow · SeaShell · Peach Orange

HEX
#FAF4ED
RGB
rgb(250, 244, 237)
HSL
hsl(32, 57%, 95%)
HSB
hsb(32, 5%, 98%)
CMYK
cmyk(0%, 2%, 5%, 2%)
Oklch
oklch(97.0% 0.011 71.9)

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

#121110

Ink Black · Black · Jet Black

HEX
#121110
RGB
rgb(18, 17, 16)
HSL
hsl(30, 6%, 7%)
HSB
hsb(30, 11%, 7%)
CMYK
cmyk(0%, 6%, 11%, 93%)
Oklch
oklch(17.8% 0.003 67.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#E3CBB3

Goose Yellow · Wheat · Peach Orange

HEX
#E3CBB3
RGB
rgb(227, 203, 179)
HSL
hsl(30, 46%, 80%)
HSB
hsb(30, 21%, 89%)
CMYK
cmyk(0%, 11%, 21%, 11%)
Oklch
oklch(85.6% 0.042 67.2)

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

#E8D3BE

Goose Yellow · Wheat · Peach Orange

HEX
#E8D3BE
RGB
rgb(232, 211, 190)
HSL
hsl(30, 48%, 83%)
HSB
hsb(30, 18%, 91%)
CMYK
cmyk(0%, 9%, 18%, 9%)
Oklch
oklch(87.9% 0.037 67.3)

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

#E8C1BE

Peach Pink · LightPink · Cherry Blossom

HEX
#E8C1BE
RGB
rgb(232, 193, 190)
HSL
hsl(4, 48%, 83%)
HSB
hsb(4, 18%, 91%)
CMYK
cmyk(0%, 17%, 18%, 9%)
Oklch
oklch(84.4% 0.045 23.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF4ED
EBF2FA

Analogous

FAEBEB
FAF4ED
F9FAEB

Triadic

FAF4ED
EBFAF3
F3EBFA

Split-Comp.

FAF4ED
EBF9FA
EBEBFA

Tetradic

FAF4ED
EBFAEB
EBF2FA
FAEBF9

Contrast Matrix WCAG 2.1 Contrast

FAF4ED
121110
E3CBB3
E8D3BE
E8C1BE
—
17.3
AAA
1.4
Fail
1.3
Fail
1.5
Fail
17.3
AAA
—
12.1
AAA
13.0
AAA
11.5
AAA
1.4
Fail
12.1
AAA
—
1.1
Fail
1.1
Fail
1.3
Fail
13.0
AAA
1.1
Fail
—
1.1
Fail
1.5
Fail
11.5
AAA
1.1
Fail
1.1
Fail
—
White BG
1.1Fail
18.9AAA
1.6Fail
1.4Fail
1.6Fail
Black BG
19.2AAA
1.1Fail
13.5AAA
14.5AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7EF
121210
D9D8B9
DFDFC3
D7D7BF

Deuteranopia

F8F8EF
121210
DADCBA
E0E2C4
D9DCBF

Tritanopia

FAF0F0
121010
E2BDBE
E7C7C8
E6BFBF

Achromatopsia

F5F5F5
111111
CFCFCF
D7D7D7
CCCCCC

Shades & Tints Shades & Tints

#FAF4ED

Dark
Light

#121110

Dark
Light

#E3CBB3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf4ed;
  --color-2: #121110;
  --color-3: #e3cbb3;
  --color-4: #e8d3be;
  --color-5: #e8c1be;
}

SCSS

$color-1: #faf4ed;
$color-2: #121110;
$color-3: #e3cbb3;
$color-4: #e8d3be;
$color-5: #e8c1be;

TAILWIND

colors: {
  'brand-1': '#faf4ed',
  'brand-2': '#121110',
  'brand-3': '#e3cbb3',
  'brand-4': '#e8d3be',
  'brand-5': '#e8c1be',
}

RGB Array

[250, 244, 237], [18, 17, 16], [227, 203, 179], [232, 211, 190], [232, 193, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FAF4ED, #121110, #E3CBB3, #E8D3BE, #E8C1BE is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #faf4ed; --color-2: #121110; --color-3: #e3cbb3; --color-4: #e8d3be; --color-5: #e8c1be. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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