← Back to Editor

#5E8558 · #EDC777 · #F79A47 · #EE714A · #E05757

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

#5E8558

Celadon · DimGray · Olive Green

HEX
#5E8558
RGB
rgb(94, 133, 88)
HSL
hsl(112, 20%, 43%)
HSB
hsb(112, 34%, 52%)
CMYK
cmyk(29%, 0%, 34%, 48%)
Oklch
oklch(57.5% 0.080 141.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#EDC777

Ginger · BurlyWood · Sunflower

HEX
#EDC777
RGB
rgb(237, 199, 119)
HSL
hsl(41, 77%, 70%)
HSB
hsb(41, 50%, 93%)
CMYK
cmyk(0%, 16%, 50%, 7%)
Oklch
oklch(84.6% 0.108 84.7)

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

#F79A47

Apricot · SandyBrown · Warm Sun

HEX
#F79A47
RGB
rgb(247, 154, 71)
HSL
hsl(28, 92%, 62%)
HSB
hsb(28, 71%, 97%)
CMYK
cmyk(0%, 38%, 71%, 3%)
Oklch
oklch(76.7% 0.147 59.3)

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

#EE714A

Peach Pink · Tomato · Coral Red

HEX
#EE714A
RGB
rgb(238, 113, 74)
HSL
hsl(14, 83%, 61%)
HSB
hsb(14, 69%, 93%)
CMYK
cmyk(0%, 53%, 69%, 7%)
Oklch
oklch(69.0% 0.164 37.9)

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

#E05757

Peach Pink · Tomato · Coral Red

HEX
#E05757
RGB
rgb(224, 87, 87)
HSL
hsl(0, 69%, 61%)
HSB
hsb(0, 61%, 88%)
CMYK
cmyk(0%, 61%, 61%, 12%)
Oklch
oklch(63.6% 0.172 23.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E8558
7E5884

Analogous

738458
5E8558
588468

Triadic

5E8558
585E84
84585E

Split-Comp.

5E8558
685884
845873

Tetradic

5E8558
587384
7E5884
846858

Contrast Matrix WCAG 2.1 Contrast

5E8558
EDC777
F79A47
EE714A
E05757
—
2.6
Fail
1.9
Fail
1.4
Fail
1.1
Fail
2.6
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
White BG
4.2AA Large
1.6Fail
2.2Fail
3.0Fail
3.7AA Large
Black BG
5.0AA
13.0AAA
9.7AAA
7.1AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F63
DDDC8A
CFCE5B
B8B753
A5A357

Deuteranopia

6D6A66
DFE28F
D4DB60
BFC956
ADB757

Tritanopia

606B6D
EB9A9D
F26B6E
E85B5D
D95757

Achromatopsia

747474
C9C9C9
ACACAC
929292
808080

Shades & Tints Shades & Tints

#5E8558

Dark
Light

#EDC777

Dark
Light

#F79A47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e8558;
  --color-2: #edc777;
  --color-3: #f79a47;
  --color-4: #ee714a;
  --color-5: #e05757;
}

SCSS

$color-1: #5e8558;
$color-2: #edc777;
$color-3: #f79a47;
$color-4: #ee714a;
$color-5: #e05757;

TAILWIND

colors: {
  'brand-1': '#5e8558',
  'brand-2': '#edc777',
  'brand-3': '#f79a47',
  'brand-4': '#ee714a',
  'brand-5': '#e05757',
}

RGB Array

[94, 133, 88], [237, 199, 119], [247, 154, 71], [238, 113, 74], [224, 87, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E8558, #EDC777, #F79A47, #EE714A, #E05757 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #5e8558; --color-2: #edc777; --color-3: #f79a47; --color-4: #ee714a; --color-5: #e05757. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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