← Back to Editor

#78A97D · #EC8B2C · #F56B4F · #FB4B68 · #E83C85

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

#78A97D

Celadon · DarkSeaGreen · Olive Green

HEX
#78A97D
RGB
rgb(120, 169, 125)
HSL
hsl(126, 22%, 57%)
HSB
hsb(126, 29%, 66%)
CMYK
cmyk(29%, 0%, 26%, 34%)
Oklch
oklch(68.8% 0.083 147.2)

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

#EC8B2C

Ginger · GoldenRod · Warm Sun

HEX
#EC8B2C
RGB
rgb(236, 139, 44)
HSL
hsl(30, 83%, 55%)
HSB
hsb(30, 81%, 93%)
CMYK
cmyk(0%, 41%, 81%, 7%)
Oklch
oklch(72.6% 0.155 59.4)

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

#F56B4F

Peach Pink · Tomato · Coral Red

HEX
#F56B4F
RGB
rgb(245, 107, 79)
HSL
hsl(10, 89%, 64%)
HSB
hsb(10, 68%, 96%)
CMYK
cmyk(0%, 56%, 68%, 4%)
Oklch
oklch(69.3% 0.176 33.1)

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

#FB4B68

Peach Pink · Tomato · Coral Red

HEX
#FB4B68
RGB
rgb(251, 75, 104)
HSL
hsl(350, 96%, 64%)
HSB
hsb(350, 70%, 98%)
CMYK
cmyk(0%, 70%, 59%, 2%)
Oklch
oklch(66.9% 0.211 15.7)

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

#E83C85

Dark Violet · DeepPink · Rose Pink

HEX
#E83C85
RGB
rgb(232, 60, 133)
HSL
hsl(335, 79%, 57%)
HSB
hsb(335, 74%, 91%)
CMYK
cmyk(0%, 74%, 43%, 9%)
Oklch
oklch(63.3% 0.214 359.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78A97D
A979A5

Analogous

8DA979
78A97D
79A996

Triadic

78A97D
7E79A9
A97E79

Split-Comp.

78A97D
9679A9
A9798D

Tetradic

78A97D
798DA9
A979A5
A99679

Contrast Matrix WCAG 2.1 Contrast

78A97D
EC8B2C
F56B4F
FB4B68
E83C85
—
1.1
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
2.7Fail
2.5Fail
3.0Fail
3.3AA Large
3.9AA Large
Black BG
7.8AAA
8.3AAA
7.1AAA
6.3AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8E88
C2C143
B9B856
AFAD61
9E9C73

Deuteranopia

8A878A
C8CF49
C1CC57
B9C65F
A8B46F

Tritanopia

7A9092
E75559
EE5B5C
F25B5A
DF6562

Achromatopsia

959595
9D9D9D
919191
838383
787878

Shades & Tints Shades & Tints

#78A97D

Dark
Light

#EC8B2C

Dark
Light

#F56B4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78a97d;
  --color-2: #ec8b2c;
  --color-3: #f56b4f;
  --color-4: #fb4b68;
  --color-5: #e83c85;
}

SCSS

$color-1: #78a97d;
$color-2: #ec8b2c;
$color-3: #f56b4f;
$color-4: #fb4b68;
$color-5: #e83c85;

TAILWIND

colors: {
  'brand-1': '#78a97d',
  'brand-2': '#ec8b2c',
  'brand-3': '#f56b4f',
  'brand-4': '#fb4b68',
  'brand-5': '#e83c85',
}

RGB Array

[120, 169, 125], [236, 139, 44], [245, 107, 79], [251, 75, 104], [232, 60, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #78A97D, #EC8B2C, #F56B4F, #FB4B68, #E83C85 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: #78a97d; --color-2: #ec8b2c; --color-3: #f56b4f; --color-4: #fb4b68; --color-5: #e83c85. 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