← Back to Editor

#EDD8BB · #E2AA87 · #FEF7E1 · #A2D3C7 · #EF8E7D

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EDD8BB

Goose Yellow · Wheat · Peach Orange

HEX
#EDD8BB
RGB
rgb(237, 216, 187)
HSL
hsl(35, 58%, 83%)
HSB
hsb(35, 21%, 93%)
CMYK
cmyk(0%, 9%, 21%, 7%)
Oklch
oklch(89.2% 0.045 76.0)

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

#E2AA87

Apricot · BurlyWood · Warm Sun

HEX
#E2AA87
RGB
rgb(226, 170, 135)
HSL
hsl(23, 61%, 71%)
HSB
hsb(23, 40%, 89%)
CMYK
cmyk(0%, 25%, 40%, 11%)
Oklch
oklch(78.2% 0.081 53.2)

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

#FEF7E1

Goose Yellow · LightYellow · Lemon Cream

HEX
#FEF7E1
RGB
rgb(254, 247, 225)
HSL
hsl(46, 94%, 94%)
HSB
hsb(46, 11%, 100%)
CMYK
cmyk(0%, 3%, 11%, 0%)
Oklch
oklch(97.6% 0.030 92.3)

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

#A2D3C7

Jade · LightSteelBlue · Lake Green

HEX
#A2D3C7
RGB
rgb(162, 211, 199)
HSL
hsl(165, 36%, 73%)
HSB
hsb(165, 23%, 83%)
CMYK
cmyk(23%, 0%, 6%, 17%)
Oklch
oklch(82.9% 0.054 178.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#EF8E7D

Peach Pink · DarkSalmon · Coral Red

HEX
#EF8E7D
RGB
rgb(239, 142, 125)
HSL
hsl(9, 78%, 71%)
HSB
hsb(9, 48%, 94%)
CMYK
cmyk(0%, 41%, 48%, 6%)
Oklch
oklch(74.5% 0.121 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD8BB
BBCFED

Analogous

EDBFBB
EDD8BB
E9EDBB

Triadic

EDD8BB
BBEDD8
D8BBED

Split-Comp.

EDD8BB
BBE9ED
BFBBED

Tetradic

EDD8BB
BBEDBF
BBCFED
EDBBE9

Contrast Matrix WCAG 2.1 Contrast

EDD8BB
E2AA87
FEF7E1
A2D3C7
EF8E7D
—
1.5
Fail
1.3
Fail
1.2
Fail
1.7
Fail
1.5
Fail
—
1.9
Fail
1.2
Fail
1.2
Fail
1.3
Fail
1.9
Fail
—
1.5
Fail
2.2
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
1.2
Fail
2.2
Fail
1.4
Fail
—
White BG
1.4Fail
2.0Fail
1.1Fail
1.7Fail
2.4Fail
Black BG
15.1AAA
10.3AAA
19.6AAA
12.7AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C2
CAC98F
FBFBE6
B7B8CA
C5C481

Deuteranopia

E5E7C4
CDD192
FBFCE8
B4B1CB
CBD282

Tritanopia

ECC8C9
DF9698
FEEBEB
A4CCCD
EA8485

Achromatopsia

DBDBDB
B7B7B7
F7F7F7
C3C3C3
A9A9A9

Shades & Tints Shades & Tints

#EDD8BB

Dark
Light

#E2AA87

Dark
Light

#FEF7E1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd8bb;
  --color-2: #e2aa87;
  --color-3: #fef7e1;
  --color-4: #a2d3c7;
  --color-5: #ef8e7d;
}

SCSS

$color-1: #edd8bb;
$color-2: #e2aa87;
$color-3: #fef7e1;
$color-4: #a2d3c7;
$color-5: #ef8e7d;

TAILWIND

colors: {
  'brand-1': '#edd8bb',
  'brand-2': '#e2aa87',
  'brand-3': '#fef7e1',
  'brand-4': '#a2d3c7',
  'brand-5': '#ef8e7d',
}

RGB Array

[237, 216, 187], [226, 170, 135], [254, 247, 225], [162, 211, 199], [239, 142, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EDD8BB, #E2AA87, #FEF7E1, #A2D3C7, #EF8E7D 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: #edd8bb; --color-2: #e2aa87; --color-3: #fef7e1; --color-4: #a2d3c7; --color-5: #ef8e7d. 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 cool-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