← Back to Editor

#FAE483 · #F8AB62 · #FFE5A0 · #FCFCBE · #E3E373

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

#FAE483

Goose Yellow · Khaki · Sunflower

HEX
#FAE483
RGB
rgb(250, 228, 131)
HSL
hsl(49, 92%, 75%)
HSB
hsb(49, 48%, 98%)
CMYK
cmyk(0%, 9%, 48%, 2%)
Oklch
oklch(91.7% 0.120 96.9)

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

#F8AB62

Apricot · SandyBrown · Warm Sun

HEX
#F8AB62
RGB
rgb(248, 171, 98)
HSL
hsl(29, 91%, 68%)
HSB
hsb(29, 60%, 97%)
CMYK
cmyk(0%, 31%, 60%, 3%)
Oklch
oklch(80.1% 0.127 62.8)

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

#FFE5A0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE5A0
RGB
rgb(255, 229, 160)
HSL
hsl(44, 100%, 81%)
HSB
hsb(44, 37%, 100%)
CMYK
cmyk(0%, 10%, 37%, 0%)
Oklch
oklch(92.8% 0.091 89.7)

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

#FCFCBE

Fresh Green · Bisque · Lemon Cream

HEX
#FCFCBE
RGB
rgb(252, 252, 190)
HSL
hsl(60, 91%, 87%)
HSB
hsb(60, 25%, 99%)
CMYK
cmyk(0%, 0%, 25%, 1%)
Oklch
oklch(97.6% 0.079 107.8)

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

#E3E373

Fresh Green · Khaki · Sunflower

HEX
#E3E373
RGB
rgb(227, 227, 115)
HSL
hsl(60, 67%, 67%)
HSB
hsb(60, 49%, 89%)
CMYK
cmyk(0%, 0%, 49%, 11%)
Oklch
oklch(89.3% 0.135 108.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE483
859AFA

Analogous

FAAA85
FAE483
D5FA85

Triadic

FAE483
85FAE4
E485FA

Split-Comp.

FAE483
85D5FA
AA85FA

Tetradic

FAE483
85FAAA
859AFA
FA85D5

Contrast Matrix WCAG 2.1 Contrast

FAE483
F8AB62
FFE5A0
FCFCBE
E3E373
—
1.5
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
1.4
Fail
1.0
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
1.3Fail
1.9Fail
1.2Fail
1.1Fail
1.4Fail
Black BG
16.5AAA
11.0AAA
17.0AAA
19.8AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F09A
D7D674
F4F4B1
FCFCCD
E3E38E

Deuteranopia

F2F3A0
DBE178
F5F7B5
FCFCD1
E3E395

Tritanopia

F9ADB1
F48285
FEBEC1
FCD9DB
E3A3A8

Achromatopsia

E0E0E0
BABABA
E5E5E5
F5F5F5
D6D6D6

Shades & Tints Shades & Tints

#FAE483

Dark
Light

#F8AB62

Dark
Light

#FFE5A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae483;
  --color-2: #f8ab62;
  --color-3: #ffe5a0;
  --color-4: #fcfcbe;
  --color-5: #e3e373;
}

SCSS

$color-1: #fae483;
$color-2: #f8ab62;
$color-3: #ffe5a0;
$color-4: #fcfcbe;
$color-5: #e3e373;

TAILWIND

colors: {
  'brand-1': '#fae483',
  'brand-2': '#f8ab62',
  'brand-3': '#ffe5a0',
  'brand-4': '#fcfcbe',
  'brand-5': '#e3e373',
}

RGB Array

[250, 228, 131], [248, 171, 98], [255, 229, 160], [252, 252, 190], [227, 227, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE483, #F8AB62, #FFE5A0, #FCFCBE, #E3E373 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: #fae483; --color-2: #f8ab62; --color-3: #ffe5a0; --color-4: #fcfcbe; --color-5: #e3e373. 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