← Back to Editor

#EBF47A · #D5E493 · #D3C797 · #E5AB82 · #FF7471

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

#EBF47A

Fresh Green · Khaki · Sunflower

HEX
#EBF47A
RGB
rgb(235, 244, 122)
HSL
hsl(64, 85%, 72%)
HSB
hsb(64, 50%, 96%)
CMYK
cmyk(4%, 0%, 50%, 4%)
Oklch
oklch(93.6% 0.146 112.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D5E493

Willow Green · Khaki · Apple Green

HEX
#D5E493
RGB
rgb(213, 228, 147)
HSL
hsl(71, 60%, 74%)
HSB
hsb(71, 36%, 89%)
CMYK
cmyk(7%, 0%, 36%, 11%)
Oklch
oklch(88.9% 0.105 117.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D3C797

Goose Yellow · Tan · Sunflower

HEX
#D3C797
RGB
rgb(211, 199, 151)
HSL
hsl(48, 41%, 71%)
HSB
hsb(48, 28%, 83%)
CMYK
cmyk(0%, 6%, 28%, 17%)
Oklch
oklch(82.8% 0.065 95.7)

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

#E5AB82

Apricot · BurlyWood · Warm Sun

HEX
#E5AB82
RGB
rgb(229, 171, 130)
HSL
hsl(25, 66%, 70%)
HSB
hsb(25, 43%, 90%)
CMYK
cmyk(0%, 25%, 43%, 10%)
Oklch
oklch(78.6% 0.088 56.3)

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

#FF7471

Peach Pink · Salmon · Coral Red

HEX
#FF7471
RGB
rgb(255, 116, 113)
HSL
hsl(1, 100%, 72%)
HSB
hsb(1, 56%, 100%)
CMYK
cmyk(0%, 55%, 56%, 0%)
Oklch
oklch(72.5% 0.171 23.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF47A
837BF4

Analogous

F4C07B
EBF47A
B0F47B

Triadic

EBF47A
7BECF4
F47BEC

Split-Comp.

EBF47A
7BB0F4
C07BF4

Tetradic

EBF47A
7BF4C0
837BF4
F47BB0

Contrast Matrix WCAG 2.1 Contrast

EBF47A
D5E493
D3C797
E5AB82
FF7471
—
1.2
Fail
1.4
Fail
1.7
Fail
2.2
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
White BG
1.2Fail
1.4Fail
1.7Fail
2.0Fail
2.6Fail
Black BG
17.8AAA
15.3AAA
12.4AAA
10.5AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEF98
DBDCA7
CECEA3
CCCB8C
C3C272

Deuteranopia

EEEE9F
DBDAAB
CFCFA5
CFD48E
CBD572

Tritanopia

EBAFB4
D6B6B9
D2ACAE
E29495
F87272

Achromatopsia

E3E3E3
D6D6D6
C5C5C5
B8B8B8
9D9D9D

Shades & Tints Shades & Tints

#EBF47A

Dark
Light

#D5E493

Dark
Light

#D3C797

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf47a;
  --color-2: #d5e493;
  --color-3: #d3c797;
  --color-4: #e5ab82;
  --color-5: #ff7471;
}

SCSS

$color-1: #ebf47a;
$color-2: #d5e493;
$color-3: #d3c797;
$color-4: #e5ab82;
$color-5: #ff7471;

TAILWIND

colors: {
  'brand-1': '#ebf47a',
  'brand-2': '#d5e493',
  'brand-3': '#d3c797',
  'brand-4': '#e5ab82',
  'brand-5': '#ff7471',
}

RGB Array

[235, 244, 122], [213, 228, 147], [211, 199, 151], [229, 171, 130], [255, 116, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #EBF47A, #D5E493, #D3C797, #E5AB82, #FF7471 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: #ebf47a; --color-2: #d5e493; --color-3: #d3c797; --color-4: #e5ab82; --color-5: #ff7471. 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