← Back to Editor

#E8E289 · #F0C778 · #F4AA7C · #EA6F67 · #E6DCD2

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

#E8E289

Fresh Green · Khaki · Sunflower

HEX
#E8E289
RGB
rgb(232, 226, 137)
HSL
hsl(56, 67%, 72%)
HSB
hsb(56, 41%, 91%)
CMYK
cmyk(0%, 3%, 41%, 9%)
Oklch
oklch(89.8% 0.111 105.1)

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

#F0C778

Goose Yellow · BurlyWood · Sunflower

HEX
#F0C778
RGB
rgb(240, 199, 120)
HSL
hsl(40, 80%, 71%)
HSB
hsb(40, 50%, 94%)
CMYK
cmyk(0%, 17%, 50%, 6%)
Oklch
oklch(84.9% 0.108 82.8)

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

#F4AA7C

Apricot · LightSalmon · Warm Sun

HEX
#F4AA7C
RGB
rgb(244, 170, 124)
HSL
hsl(23, 85%, 72%)
HSB
hsb(23, 49%, 96%)
CMYK
cmyk(0%, 30%, 49%, 4%)
Oklch
oklch(79.9% 0.106 52.5)

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

#EA6F67

Peach Pink · Salmon · Coral Red

HEX
#EA6F67
RGB
rgb(234, 111, 103)
HSL
hsl(4, 76%, 66%)
HSB
hsb(4, 56%, 92%)
CMYK
cmyk(0%, 53%, 56%, 8%)
Oklch
oklch(68.6% 0.154 25.7)

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

#E6DCD2

Goose Yellow · LightGray · Peach Orange

HEX
#E6DCD2
RGB
rgb(230, 220, 210)
HSL
hsl(30, 29%, 86%)
HSB
hsb(30, 9%, 90%)
CMYK
cmyk(0%, 4%, 9%, 10%)
Oklch
oklch(90.0% 0.017 67.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E289
888EE7

Analogous

E7B188
E8E289
BEE788

Triadic

E8E289
88E7E1
E188E7

Split-Comp.

E8E289
88BEE7
B188E7

Tetradic

E8E289
88E7B1
888EE7
E788BE

Contrast Matrix WCAG 2.1 Contrast

E8E289
F0C778
F4AA7C
EA6F67
E6DCD2
—
1.2
Fail
1.4
Fail
2.2
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
1.4
Fail
2.2
Fail
1.9
Fail
1.6
Fail
—
2.2
Fail
1.0
Fail
1.2
Fail
1.4
Fail
2.2
Fail
—
White BG
1.3Fail
1.6Fail
1.9Fail
3.0AA Large
1.4Fail
Black BG
15.7AAA
13.1AAA
10.9AAA
7.0AA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E59F
DEDE8B
D4D387
B5B469
E2E2D4

Deuteranopia

E6E6A4
E1E490
D8DE8A
BCC569
E2E3D5

Tritanopia

E8B0B3
EE9A9E
F09092
E46A6B
E6D6D7

Achromatopsia

DADADA
CACACA
BBBBBB
939393
DEDEDE

Shades & Tints Shades & Tints

#E8E289

Dark
Light

#F0C778

Dark
Light

#F4AA7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e289;
  --color-2: #f0c778;
  --color-3: #f4aa7c;
  --color-4: #ea6f67;
  --color-5: #e6dcd2;
}

SCSS

$color-1: #e8e289;
$color-2: #f0c778;
$color-3: #f4aa7c;
$color-4: #ea6f67;
$color-5: #e6dcd2;

TAILWIND

colors: {
  'brand-1': '#e8e289',
  'brand-2': '#f0c778',
  'brand-3': '#f4aa7c',
  'brand-4': '#ea6f67',
  'brand-5': '#e6dcd2',
}

RGB Array

[232, 226, 137], [240, 199, 120], [244, 170, 124], [234, 111, 103], [230, 220, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E289, #F0C778, #F4AA7C, #EA6F67, #E6DCD2 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: #e8e289; --color-2: #f0c778; --color-3: #f4aa7c; --color-4: #ea6f67; --color-5: #e6dcd2. 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