← Back to Editor

#EF6356 · #F09156 · #F0B056 · #F0D656 · #FFEB85

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

#EF6356

Peach Pink · Tomato · Coral Red

HEX
#EF6356
RGB
rgb(239, 99, 86)
HSL
hsl(5, 83%, 64%)
HSB
hsb(5, 64%, 94%)
CMYK
cmyk(0%, 59%, 64%, 6%)
Oklch
oklch(67.4% 0.175 28.0)

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

#F09156

Apricot · SandyBrown · Warm Sun

HEX
#F09156
RGB
rgb(240, 145, 86)
HSL
hsl(23, 84%, 64%)
HSB
hsb(23, 64%, 94%)
CMYK
cmyk(0%, 40%, 64%, 6%)
Oklch
oklch(74.5% 0.137 51.1)

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

#F0B056

Ginger · SandyBrown · Warm Sun

HEX
#F0B056
RGB
rgb(240, 176, 86)
HSL
hsl(35, 84%, 64%)
HSB
hsb(35, 64%, 94%)
CMYK
cmyk(0%, 27%, 64%, 6%)
Oklch
oklch(80.0% 0.130 73.3)

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

#F0D656

Fresh Green · SandyBrown · Sunflower

HEX
#F0D656
RGB
rgb(240, 214, 86)
HSL
hsl(50, 84%, 64%)
HSB
hsb(50, 64%, 94%)
CMYK
cmyk(0%, 11%, 64%, 6%)
Oklch
oklch(87.5% 0.148 97.7)

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

#FFEB85

Fresh Green · Khaki · Lemon Cream

HEX
#FFEB85
RGB
rgb(255, 235, 133)
HSL
hsl(50, 100%, 76%)
HSB
hsb(50, 48%, 100%)
CMYK
cmyk(0%, 8%, 48%, 0%)
Oklch
oklch(93.5% 0.125 98.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF6356
57E3EF

Analogous

EF5797
EF6356
EFB057

Triadic

EF6356
57EF64
6457EF

Split-Comp.

EF6356
57EFB0
5797EF

Tetradic

EF6356
97EF57
57E3EF
B057EF

Contrast Matrix WCAG 2.1 Contrast

EF6356
F09156
F0B056
F0D656
FFEB85
—
1.3
Fail
1.7
Fail
2.2
Fail
2.7
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
3.2AA Large
2.4Fail
1.9Fail
1.5Fail
1.2Fail
Black BG
6.6AA
8.9AAA
11.0AAA
14.5AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B159
C7C664
D4D46C
E5E575
F6F69E

Deuteranopia

BBC55A
CCD468
D8DD71
E6E87C
F8F9A4

Tritanopia

E85C5C
EB7072
ED7D81
EF8D93
FEB1B5

Achromatopsia

8B8B8B
A7A7A7
B9B9B9
CFCFCF
E5E5E5

Shades & Tints Shades & Tints

#EF6356

Dark
Light

#F09156

Dark
Light

#F0B056

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef6356;
  --color-2: #f09156;
  --color-3: #f0b056;
  --color-4: #f0d656;
  --color-5: #ffeb85;
}

SCSS

$color-1: #ef6356;
$color-2: #f09156;
$color-3: #f0b056;
$color-4: #f0d656;
$color-5: #ffeb85;

TAILWIND

colors: {
  'brand-1': '#ef6356',
  'brand-2': '#f09156',
  'brand-3': '#f0b056',
  'brand-4': '#f0d656',
  'brand-5': '#ffeb85',
}

RGB Array

[239, 99, 86], [240, 145, 86], [240, 176, 86], [240, 214, 86], [255, 235, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF6356, #F09156, #F0B056, #F0D656, #FFEB85 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: #ef6356; --color-2: #f09156; --color-3: #f0b056; --color-4: #f0d656; --color-5: #ffeb85. 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