← Back to Editor

#EAD76E · #FD9E28 · #E4948D · #B85430 · #EFA218

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

#EAD76E

Fresh Green · Khaki · Sunflower

HEX
#EAD76E
RGB
rgb(234, 215, 110)
HSL
hsl(51, 75%, 67%)
HSB
hsb(51, 53%, 92%)
CMYK
cmyk(0%, 8%, 53%, 8%)
Oklch
oklch(87.4% 0.128 99.2)

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

#FD9E28

Ginger · GoldenRod · Warm Sun

HEX
#FD9E28
RGB
rgb(253, 158, 40)
HSL
hsl(33, 98%, 57%)
HSB
hsb(33, 84%, 99%)
CMYK
cmyk(0%, 38%, 84%, 1%)
Oklch
oklch(77.9% 0.164 65.1)

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

#E4948D

Peach Pink · DarkSalmon · Coral Red

HEX
#E4948D
RGB
rgb(228, 148, 141)
HSL
hsl(5, 62%, 72%)
HSB
hsb(5, 38%, 89%)
CMYK
cmyk(0%, 35%, 38%, 11%)
Oklch
oklch(74.5% 0.098 25.1)

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

#B85430

Tangerine · Sienna · Amber Brown

HEX
#B85430
RGB
rgb(184, 84, 48)
HSL
hsl(16, 59%, 45%)
HSB
hsb(16, 74%, 72%)
CMYK
cmyk(0%, 54%, 74%, 28%)
Oklch
oklch(56.6% 0.139 39.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#EFA218

Ginger · GoldenRod · Warm Sun

HEX
#EFA218
RGB
rgb(239, 162, 24)
HSL
hsl(39, 87%, 52%)
HSB
hsb(39, 90%, 94%)
CMYK
cmyk(0%, 32%, 90%, 6%)
Oklch
oklch(76.9% 0.158 73.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD76E
6C7FEA

Analogous

EA986C
EAD76E
BEEA6C

Triadic

EAD76E
6CEAD7
D76CEA

Split-Comp.

EAD76E
6CBEEA
986CEA

Tetradic

EAD76E
6CEA98
6C7FEA
EA6CBE

Contrast Matrix WCAG 2.1 Contrast

EAD76E
FD9E28
E4948D
B85430
EFA218
—
1.4
Fail
1.6
Fail
3.3
AA Large
1.5
Fail
1.4
Fail
—
1.1
Fail
2.3
Fail
1.0
Fail
1.6
Fail
1.1
Fail
—
2.1
Fail
1.1
Fail
3.3
AA Large
2.3
Fail
2.1
Fail
—
2.3
Fail
1.5
Fail
1.0
Fail
1.1
Fail
2.3
Fail
—
White BG
1.5Fail
2.1Fail
2.4Fail
4.8AA
2.1Fail
Black BG
14.4AAA
10.1AAA
8.9AAA
4.3AA Large
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E287
D4D345
C1C18F
8D8C39
CECD39

Deuteranopia

E3E48E
D9E14B
C6CC8F
939A3B
D2D841

Tritanopia

E99BA0
F85B60
E09090
B34041
EB545A

Achromatopsia

D1D1D1
ADADAD
ABABAB
6E6E6E
A9A9A9

Shades & Tints Shades & Tints

#EAD76E

Dark
Light

#FD9E28

Dark
Light

#E4948D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead76e;
  --color-2: #fd9e28;
  --color-3: #e4948d;
  --color-4: #b85430;
  --color-5: #efa218;
}

SCSS

$color-1: #ead76e;
$color-2: #fd9e28;
$color-3: #e4948d;
$color-4: #b85430;
$color-5: #efa218;

TAILWIND

colors: {
  'brand-1': '#ead76e',
  'brand-2': '#fd9e28',
  'brand-3': '#e4948d',
  'brand-4': '#b85430',
  'brand-5': '#efa218',
}

RGB Array

[234, 215, 110], [253, 158, 40], [228, 148, 141], [184, 84, 48], [239, 162, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAD76E, #FD9E28, #E4948D, #B85430, #EFA218 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: #ead76e; --color-2: #fd9e28; --color-3: #e4948d; --color-4: #b85430; --color-5: #efa218. 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