← Back to Editor

#EBF0AA · #EED489 · #F2A052 · #DE716E · #C43559

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

#EBF0AA

Fresh Green · Wheat · Lemon Cream

HEX
#EBF0AA
RGB
rgb(235, 240, 170)
HSL
hsl(64, 70%, 80%)
HSB
hsb(64, 29%, 94%)
CMYK
cmyk(2%, 0%, 29%, 6%)
Oklch
oklch(93.5% 0.090 111.4)

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

#EED489

Goose Yellow · Khaki · Sunflower

HEX
#EED489
RGB
rgb(238, 212, 137)
HSL
hsl(45, 75%, 74%)
HSB
hsb(45, 42%, 93%)
CMYK
cmyk(0%, 11%, 42%, 7%)
Oklch
oklch(87.5% 0.099 91.0)

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

#F2A052

Apricot · SandyBrown · Warm Sun

HEX
#F2A052
RGB
rgb(242, 160, 82)
HSL
hsl(29, 86%, 64%)
HSB
hsb(29, 66%, 95%)
CMYK
cmyk(0%, 34%, 66%, 5%)
Oklch
oklch(77.3% 0.135 62.0)

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

#DE716E

Peach Pink · LightCoral · Coral Red

HEX
#DE716E
RGB
rgb(222, 113, 110)
HSL
hsl(2, 63%, 65%)
HSB
hsb(2, 50%, 87%)
CMYK
cmyk(0%, 49%, 50%, 13%)
Oklch
oklch(67.4% 0.137 23.0)

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

#C43559

Crimson · Crimson · Passion Red

HEX
#C43559
RGB
rgb(196, 53, 89)
HSL
hsl(345, 57%, 49%)
HSB
hsb(345, 73%, 77%)
CMYK
cmyk(0%, 73%, 55%, 23%)
Oklch
oklch(55.4% 0.180 10.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF0AA
ADA8F0

Analogous

F0D1A8
EBF0AA
C7F0A8

Triadic

EBF0AA
A8EBF0
F0A8EB

Split-Comp.

EBF0AA
A8C7F0
D1A8F0

Tetradic

EBF0AA
A8F0D1
ADA8F0
F0A8C7

Contrast Matrix WCAG 2.1 Contrast

EBF0AA
EED489
F2A052
DE716E
C43559
—
1.2
Fail
1.8
Fail
2.6
Fail
4.4
AA Large
1.2
Fail
—
1.5
Fail
2.2
Fail
3.6
AA Large
1.8
Fail
1.5
Fail
—
1.5
Fail
2.5
Fail
2.6
Fail
2.2
Fail
1.5
Fail
—
1.7
Fail
4.4
AA Large
3.6
AA Large
2.5
Fail
1.7
Fail
—
White BG
1.2Fail
1.5Fail
2.1Fail
3.1AA Large
5.2AA
Black BG
17.6AAA
14.4AAA
9.9AAA
6.7AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDBB
E3E39B
CECE65
AFAE6F
868550

Deuteranopia

EDEDBF
E4E6A0
D3D969
B5BD6F
8E994E

Tritanopia

EBC8CB
EDA9AD
EE7477
D96F6F
BD4948

Achromatopsia

E7E7E7
D3D3D3
B0B0B0
919191
646464

Shades & Tints Shades & Tints

#EBF0AA

Dark
Light

#EED489

Dark
Light

#F2A052

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf0aa;
  --color-2: #eed489;
  --color-3: #f2a052;
  --color-4: #de716e;
  --color-5: #c43559;
}

SCSS

$color-1: #ebf0aa;
$color-2: #eed489;
$color-3: #f2a052;
$color-4: #de716e;
$color-5: #c43559;

TAILWIND

colors: {
  'brand-1': '#ebf0aa',
  'brand-2': '#eed489',
  'brand-3': '#f2a052',
  'brand-4': '#de716e',
  'brand-5': '#c43559',
}

RGB Array

[235, 240, 170], [238, 212, 137], [242, 160, 82], [222, 113, 110], [196, 53, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF0AA, #EED489, #F2A052, #DE716E, #C43559 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: #ebf0aa; --color-2: #eed489; --color-3: #f2a052; --color-4: #de716e; --color-5: #c43559. 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