← Back to Editor

#E7ECC4 · #C8D3AB · #ECCA70 · #EB962B · #EA5D7F

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

#E7ECC4

Fresh Green · Bisque · Lemon Cream

HEX
#E7ECC4
RGB
rgb(231, 236, 196)
HSL
hsl(68, 51%, 85%)
HSB
hsb(68, 17%, 93%)
CMYK
cmyk(2%, 0%, 17%, 7%)
Oklch
oklch(92.9% 0.053 113.2)

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

#C8D3AB

Willow Green · Silver · Apple Green

HEX
#C8D3AB
RGB
rgb(200, 211, 171)
HSL
hsl(76, 31%, 75%)
HSB
hsb(76, 19%, 83%)
CMYK
cmyk(5%, 0%, 19%, 17%)
Oklch
oklch(84.8% 0.055 120.1)

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

#ECCA70

Ginger · BurlyWood · Sunflower

HEX
#ECCA70
RGB
rgb(236, 202, 112)
HSL
hsl(44, 77%, 68%)
HSB
hsb(44, 53%, 93%)
CMYK
cmyk(0%, 14%, 53%, 7%)
Oklch
oklch(85.0% 0.116 89.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EB962B

Ginger · GoldenRod · Warm Sun

HEX
#EB962B
RGB
rgb(235, 150, 43)
HSL
hsl(33, 83%, 55%)
HSB
hsb(33, 82%, 92%)
CMYK
cmyk(0%, 36%, 82%, 8%)
Oklch
oklch(74.4% 0.152 66.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EA5D7F

Peach Pink · LightCoral · Coral Red

HEX
#EA5D7F
RGB
rgb(234, 93, 127)
HSL
hsl(346, 77%, 64%)
HSB
hsb(346, 60%, 92%)
CMYK
cmyk(0%, 60%, 46%, 8%)
Oklch
oklch(66.8% 0.176 8.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7ECC4
CAC5EC

Analogous

ECDEC5
E7ECC4
D4ECC5

Triadic

E7ECC4
C5E7EC
ECC5E7

Split-Comp.

E7ECC4
C5D4EC
DEC5EC

Tetradic

E7ECC4
C5ECDE
CAC5EC
ECC5D4

Contrast Matrix WCAG 2.1 Contrast

E7ECC4
C8D3AB
ECCA70
EB962B
EA5D7F
—
1.3
Fail
1.3
Fail
1.9
Fail
2.7
Fail
1.3
Fail
—
1.0
Fail
1.5
Fail
2.1
Fail
1.3
Fail
1.0
Fail
—
1.5
Fail
2.1
Fail
1.9
Fail
1.5
Fail
1.5
Fail
—
1.4
Fail
2.7
Fail
2.1
Fail
2.1
Fail
1.4
Fail
—
White BG
1.2Fail
1.6Fail
1.6Fail
2.4Fail
3.3AA Large
Black BG
17.2AAA
13.4AAA
13.2AAA
8.9AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9CE
CDCDB5
DDDD86
C6C545
ADAC77

Deuteranopia

E9E9D0
CCCBB7
DFE28B
CBD24B
B5C075

Tritanopia

E7D5D7
C9BCBE
EA979B
E7595E
E3706F

Achromatopsia

E6E6E6
CBCBCB
CACACA
A3A3A3
8B8B8B

Shades & Tints Shades & Tints

#E7ECC4

Dark
Light

#C8D3AB

Dark
Light

#ECCA70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7ecc4;
  --color-2: #c8d3ab;
  --color-3: #ecca70;
  --color-4: #eb962b;
  --color-5: #ea5d7f;
}

SCSS

$color-1: #e7ecc4;
$color-2: #c8d3ab;
$color-3: #ecca70;
$color-4: #eb962b;
$color-5: #ea5d7f;

TAILWIND

colors: {
  'brand-1': '#e7ecc4',
  'brand-2': '#c8d3ab',
  'brand-3': '#ecca70',
  'brand-4': '#eb962b',
  'brand-5': '#ea5d7f',
}

RGB Array

[231, 236, 196], [200, 211, 171], [236, 202, 112], [235, 150, 43], [234, 93, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7ECC4, #C8D3AB, #ECCA70, #EB962B, #EA5D7F 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: #e7ecc4; --color-2: #c8d3ab; --color-3: #ecca70; --color-4: #eb962b; --color-5: #ea5d7f. 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