← Back to Editor

#FFE867 · #EBB344 · #F0776C · #EA4388 · #BC51B1

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

#FFE867

Fresh Green · Khaki · Sunflower

HEX
#FFE867
RGB
rgb(255, 232, 103)
HSL
hsl(51, 100%, 70%)
HSB
hsb(51, 60%, 100%)
CMYK
cmyk(0%, 9%, 60%, 0%)
Oklch
oklch(92.6% 0.149 99.3)

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

#EBB344

Ginger · SandyBrown · Sunflower

HEX
#EBB344
RGB
rgb(235, 179, 68)
HSL
hsl(40, 81%, 59%)
HSB
hsb(40, 71%, 92%)
CMYK
cmyk(0%, 24%, 71%, 8%)
Oklch
oklch(79.9% 0.140 81.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F0776C

Peach Pink · Salmon · Coral Red

HEX
#F0776C
RGB
rgb(240, 119, 108)
HSL
hsl(5, 81%, 68%)
HSB
hsb(5, 55%, 94%)
CMYK
cmyk(0%, 50%, 55%, 6%)
Oklch
oklch(70.7% 0.151 26.9)

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

#EA4388

Dark Violet · DeepPink · Rose Pink

HEX
#EA4388
RGB
rgb(234, 67, 136)
HSL
hsl(335, 80%, 59%)
HSB
hsb(335, 71%, 92%)
CMYK
cmyk(0%, 71%, 42%, 8%)
Oklch
oklch(64.3% 0.209 359.9)

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

#BC51B1

Rose Purple · MediumOrchid · Violet

HEX
#BC51B1
RGB
rgb(188, 81, 177)
HSL
hsl(306, 44%, 53%)
HSB
hsb(306, 57%, 74%)
CMYK
cmyk(0%, 57%, 6%, 26%)
Oklch
oklch(60.5% 0.179 331.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE867
667DFF

Analogous

FF9C66
FFE867
C9FF66

Triadic

FFE867
66FFE8
E866FF

Split-Comp.

FFE867
66C9FF
9C66FF

Tetradic

FFE867
66FF9C
667DFF
FF66C9

Contrast Matrix WCAG 2.1 Contrast

FFE867
EBB344
F0776C
EA4388
BC51B1
—
1.5
Fail
2.2
Fail
3.0
AA Large
3.4
AA Large
1.5
Fail
—
1.5
Fail
2.0
Fail
2.2
Fail
2.2
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
3.0
AA Large
2.0
Fail
1.3
Fail
—
1.1
Fail
3.4
AA Large
2.2
Fail
1.5
Fail
1.1
Fail
—
White BG
1.2Fail
1.9Fail
2.8Fail
3.7AA Large
4.2AA Large
Black BG
17.0AAA
11.1AAA
7.6AAA
5.7AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F586
D3D25F
BCBB6F
A2A077
8E8D9A

Deuteranopia

F6F88E
D6DA65
C3CC6F
ABB873
949C94

Tritanopia

FE9FA4
E87479
EA7171
E26A67
B78783

Achromatopsia

E0E0E0
B7B7B7
9A9A9A
7D7D7D
7C7C7C

Shades & Tints Shades & Tints

#FFE867

Dark
Light

#EBB344

Dark
Light

#F0776C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe867;
  --color-2: #ebb344;
  --color-3: #f0776c;
  --color-4: #ea4388;
  --color-5: #bc51b1;
}

SCSS

$color-1: #ffe867;
$color-2: #ebb344;
$color-3: #f0776c;
$color-4: #ea4388;
$color-5: #bc51b1;

TAILWIND

colors: {
  'brand-1': '#ffe867',
  'brand-2': '#ebb344',
  'brand-3': '#f0776c',
  'brand-4': '#ea4388',
  'brand-5': '#bc51b1',
}

RGB Array

[255, 232, 103], [235, 179, 68], [240, 119, 108], [234, 67, 136], [188, 81, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE867, #EBB344, #F0776C, #EA4388, #BC51B1 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: #ffe867; --color-2: #ebb344; --color-3: #f0776c; --color-4: #ea4388; --color-5: #bc51b1. 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