← Back to Editor

#EC804C · #EE994E · #EBDB91 · #E8ED94 · #C4E475

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

#EC804C

Apricot · Coral · Warm Sun

HEX
#EC804C
RGB
rgb(236, 128, 76)
HSL
hsl(20, 81%, 61%)
HSB
hsb(20, 68%, 93%)
CMYK
cmyk(0%, 46%, 68%, 7%)
Oklch
oklch(71.1% 0.149 45.1)

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

#EE994E

Apricot · SandyBrown · Warm Sun

HEX
#EE994E
RGB
rgb(238, 153, 78)
HSL
hsl(28, 82%, 62%)
HSB
hsb(28, 67%, 93%)
CMYK
cmyk(0%, 36%, 67%, 7%)
Oklch
oklch(75.5% 0.136 59.8)

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

#EBDB91

Goose Yellow · Khaki · Sunflower

HEX
#EBDB91
RGB
rgb(235, 219, 145)
HSL
hsl(49, 69%, 75%)
HSB
hsb(49, 38%, 92%)
CMYK
cmyk(0%, 7%, 38%, 8%)
Oklch
oklch(88.8% 0.095 97.5)

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

#E8ED94

Fresh Green · Khaki · Sunflower

HEX
#E8ED94
RGB
rgb(232, 237, 148)
HSL
hsl(63, 71%, 75%)
HSB
hsb(63, 38%, 93%)
CMYK
cmyk(2%, 0%, 38%, 7%)
Oklch
oklch(92.3% 0.112 111.2)

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

#C4E475

Willow Green · Khaki · Apple Green

HEX
#C4E475
RGB
rgb(196, 228, 117)
HSL
hsl(77, 67%, 68%)
HSB
hsb(77, 49%, 89%)
CMYK
cmyk(14%, 0%, 49%, 11%)
Oklch
oklch(87.2% 0.143 122.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC804C
4BB6EC

Analogous

EC4B66
EC804C
ECD14B

Triadic

EC804C
4BEC81
814BEC

Split-Comp.

EC804C
4BECD1
4B66EC

Tetradic

EC804C
66EC4B
4BB6EC
D14BEC

Contrast Matrix WCAG 2.1 Contrast

EC804C
EE994E
EBDB91
E8ED94
C4E475
—
1.2
Fail
1.9
Fail
2.2
Fail
1.9
Fail
1.2
Fail
—
1.6
Fail
1.8
Fail
1.6
Fail
1.9
Fail
1.6
Fail
—
1.1
Fail
1.0
Fail
2.2
Fail
1.8
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.6
Fail
1.0
Fail
1.2
Fail
—
White BG
2.7Fail
2.3Fail
1.4Fail
1.2Fail
1.4Fail
Black BG
7.8AAA
9.3AAA
15.1AAA
17.0AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC59
C9C860
E4E4A3
EAEAAA
D2D290

Deuteranopia

C4CC5C
CED565
E5E6A7
EAE9AF
D0CE96

Tritanopia

E76365
EA6E72
EAB1B4
E8BBBE
C6A5AA

Achromatopsia

9A9A9A
AAAAAA
D7D7D7
E1E1E1
CECECE

Shades & Tints Shades & Tints

#EC804C

Dark
Light

#EE994E

Dark
Light

#EBDB91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec804c;
  --color-2: #ee994e;
  --color-3: #ebdb91;
  --color-4: #e8ed94;
  --color-5: #c4e475;
}

SCSS

$color-1: #ec804c;
$color-2: #ee994e;
$color-3: #ebdb91;
$color-4: #e8ed94;
$color-5: #c4e475;

TAILWIND

colors: {
  'brand-1': '#ec804c',
  'brand-2': '#ee994e',
  'brand-3': '#ebdb91',
  'brand-4': '#e8ed94',
  'brand-5': '#c4e475',
}

RGB Array

[236, 128, 76], [238, 153, 78], [235, 219, 145], [232, 237, 148], [196, 228, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC804C, #EE994E, #EBDB91, #E8ED94, #C4E475 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: #ec804c; --color-2: #ee994e; --color-3: #ebdb91; --color-4: #e8ed94; --color-5: #c4e475. 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