← Back to Editor

#FEE091 · #FEBA72 · #E08E7C · #C66986 · #B03E87

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

#FEE091

Goose Yellow · Khaki · Lemon Cream

HEX
#FEE091
RGB
rgb(254, 224, 145)
HSL
hsl(43, 98%, 78%)
HSB
hsb(43, 43%, 100%)
CMYK
cmyk(0%, 12%, 43%, 0%)
Oklch
oklch(91.4% 0.103 89.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEBA72

Goose Yellow · LightSalmon · Warm Sun

HEX
#FEBA72
RGB
rgb(254, 186, 114)
HSL
hsl(31, 99%, 72%)
HSB
hsb(31, 55%, 100%)
CMYK
cmyk(0%, 27%, 55%, 0%)
Oklch
oklch(83.7% 0.119 66.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E08E7C

Peach Pink · DarkSalmon · Coral Red

HEX
#E08E7C
RGB
rgb(224, 142, 124)
HSL
hsl(11, 62%, 68%)
HSB
hsb(11, 45%, 88%)
CMYK
cmyk(0%, 37%, 45%, 12%)
Oklch
oklch(72.7% 0.104 33.1)

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

#C66986

Dark Violet · LightCoral · Rose Pink

HEX
#C66986
RGB
rgb(198, 105, 134)
HSL
hsl(341, 45%, 59%)
HSB
hsb(341, 47%, 78%)
CMYK
cmyk(0%, 47%, 32%, 22%)
Oklch
oklch(63.6% 0.122 1.3)

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

#B03E87

Rose Purple · MediumVioletRed · Camellia

HEX
#B03E87
RGB
rgb(176, 62, 135)
HSL
hsl(322, 48%, 47%)
HSB
hsb(322, 65%, 69%)
CMYK
cmyk(0%, 65%, 23%, 31%)
Oklch
oklch(54.7% 0.168 344.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE091
90AFFE

Analogous

FEA890
FEE091
E6FE90

Triadic

FEE091
90FEDF
DF90FE

Split-Comp.

FEE091
90E6FE
A890FE

Tetradic

FEE091
90FEA8
90AFFE
FE90E6

Contrast Matrix WCAG 2.1 Contrast

FEE091
FEBA72
E08E7C
C66986
B03E87
—
1.3
Fail
2.0
Fail
2.8
Fail
4.2
AA Large
1.3
Fail
—
1.5
Fail
2.2
Fail
3.2
AA Large
2.0
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
2.2
Fail
1.4
Fail
—
1.5
Fail
4.2
AA Large
3.2
AA Large
2.1
Fail
1.5
Fail
—
White BG
1.3Fail
1.7Fail
2.5Fail
3.6AA Large
5.4AA
Black BG
16.3AAA
12.5AAA
8.3AAA
5.8AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1A4
E1E083
BCBC80
9E9D7F
7F7E75

Deuteranopia

F3F5A9
E5EA88
C1C781
A3AA7D
858E71

Tritanopia

FCB3B7
FB9194
DC8485
C17978
AA6764

Achromatopsia

E0E0E0
C6C6C6
A4A4A4
888888
686868

Shades & Tints Shades & Tints

#FEE091

Dark
Light

#FEBA72

Dark
Light

#E08E7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee091;
  --color-2: #feba72;
  --color-3: #e08e7c;
  --color-4: #c66986;
  --color-5: #b03e87;
}

SCSS

$color-1: #fee091;
$color-2: #feba72;
$color-3: #e08e7c;
$color-4: #c66986;
$color-5: #b03e87;

TAILWIND

colors: {
  'brand-1': '#fee091',
  'brand-2': '#feba72',
  'brand-3': '#e08e7c',
  'brand-4': '#c66986',
  'brand-5': '#b03e87',
}

RGB Array

[254, 224, 145], [254, 186, 114], [224, 142, 124], [198, 105, 134], [176, 62, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEE091, #FEBA72, #E08E7C, #C66986, #B03E87 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: #fee091; --color-2: #feba72; --color-3: #e08e7c; --color-4: #c66986; --color-5: #b03e87. 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