← Back to Editor

#EEA5A1 · #E5BEA8 · #E1D99F · #DCF396 · #F7F1CB

A 5-color palette 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

#EEA5A1

Peach Pink · BurlyWood · Coral Red

HEX
#EEA5A1
RGB
rgb(238, 165, 161)
HSL
hsl(3, 69%, 78%)
HSB
hsb(3, 32%, 93%)
CMYK
cmyk(0%, 31%, 32%, 7%)
Oklch
oklch(79.1% 0.087 22.7)

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

#E5BEA8

Apricot · BurlyWood · Peach Orange

HEX
#E5BEA8
RGB
rgb(229, 190, 168)
HSL
hsl(22, 54%, 78%)
HSB
hsb(22, 27%, 90%)
CMYK
cmyk(0%, 17%, 27%, 10%)
Oklch
oklch(83.0% 0.054 51.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E1D99F

Fresh Green · Khaki · Sunflower

HEX
#E1D99F
RGB
rgb(225, 217, 159)
HSL
hsl(53, 52%, 75%)
HSB
hsb(53, 29%, 88%)
CMYK
cmyk(0%, 4%, 29%, 12%)
Oklch
oklch(87.8% 0.076 101.2)

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

#DCF396

Willow Green · Khaki · Apple Green

HEX
#DCF396
RGB
rgb(220, 243, 150)
HSL
hsl(75, 79%, 77%)
HSB
hsb(75, 38%, 95%)
CMYK
cmyk(9%, 0%, 38%, 5%)
Oklch
oklch(92.6% 0.120 120.1)

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

#F7F1CB

Fresh Green · Bisque · Lemon Cream

HEX
#F7F1CB
RGB
rgb(247, 241, 203)
HSL
hsl(52, 73%, 88%)
HSB
hsb(52, 18%, 97%)
CMYK
cmyk(0%, 2%, 18%, 3%)
Oklch
oklch(95.3% 0.050 99.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEA5A1
A0EAEE

Analogous

EEA0C3
EEA5A1
EECBA0

Triadic

EEA5A1
A0EEA4
A4A0EE

Split-Comp.

EEA5A1
A0EECB
A0C3EE

Tetradic

EEA5A1
C3EEA0
A0EAEE
CBA0EE

Contrast Matrix WCAG 2.1 Contrast

EEA5A1
E5BEA8
E1D99F
DCF396
F7F1CB
—
1.2
Fail
1.4
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.7
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.0Fail
1.7Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
10.5AAA
12.3AAA
14.6AAA
17.3AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEA2
D4D4AD
DEDDAD
E6E6AD
F4F4D4

Deuteranopia

D3D8A2
D6D9AF
DEDFB0
E5E3B2
F5F5D6

Tritanopia

EAA3A3
E3B2B2
E1B8BB
DDBEC2
F7DBDD

Achromatopsia

BABABA
C7C7C7
D5D5D5
E2E2E2
EEEEEE

Shades & Tints Shades & Tints

#EEA5A1

Dark
Light

#E5BEA8

Dark
Light

#E1D99F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eea5a1;
  --color-2: #e5bea8;
  --color-3: #e1d99f;
  --color-4: #dcf396;
  --color-5: #f7f1cb;
}

SCSS

$color-1: #eea5a1;
$color-2: #e5bea8;
$color-3: #e1d99f;
$color-4: #dcf396;
$color-5: #f7f1cb;

TAILWIND

colors: {
  'brand-1': '#eea5a1',
  'brand-2': '#e5bea8',
  'brand-3': '#e1d99f',
  'brand-4': '#dcf396',
  'brand-5': '#f7f1cb',
}

RGB Array

[238, 165, 161], [229, 190, 168], [225, 217, 159], [220, 243, 150], [247, 241, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEA5A1, #E5BEA8, #E1D99F, #DCF396, #F7F1CB 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: #eea5a1; --color-2: #e5bea8; --color-3: #e1d99f; --color-4: #dcf396; --color-5: #f7f1cb. 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 general-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