← Back to Editor

#FDFEAD · #FFF163 · #BF7EC6 · #E1B2F8 · #E3EFF8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FDFEAD

Fresh Green · Wheat · Lemon Cream

HEX
#FDFEAD
RGB
rgb(253, 254, 173)
HSL
hsl(61, 98%, 84%)
HSB
hsb(61, 32%, 100%)
CMYK
cmyk(0%, 0%, 32%, 0%)
Oklch
oklch(97.8% 0.101 108.7)

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

#FFF163

Fresh Green · Khaki · Sunflower

HEX
#FFF163
RGB
rgb(255, 241, 99)
HSL
hsl(55, 100%, 69%)
HSB
hsb(55, 61%, 100%)
CMYK
cmyk(0%, 5%, 61%, 0%)
Oklch
oklch(94.3% 0.160 103.7)

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

#BF7EC6

Lilac · Orchid · Lilac Purple

HEX
#BF7EC6
RGB
rgb(191, 126, 198)
HSL
hsl(294, 39%, 64%)
HSB
hsb(294, 36%, 78%)
CMYK
cmyk(4%, 36%, 0%, 22%)
Oklch
oklch(68.5% 0.125 323.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E1B2F8

Lilac · Violet · Lavender

HEX
#E1B2F8
RGB
rgb(225, 178, 248)
HSL
hsl(280, 83%, 84%)
HSB
hsb(280, 28%, 97%)
CMYK
cmyk(9%, 28%, 0%, 3%)
Oklch
oklch(82.9% 0.108 314.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#E3EFF8

Sky Blue · Lavender · Sky Blue

HEX
#E3EFF8
RGB
rgb(227, 239, 248)
HSL
hsl(206, 60%, 93%)
HSB
hsb(206, 8%, 97%)
CMYK
cmyk(8%, 4%, 0%, 3%)
Oklch
oklch(94.6% 0.018 240.0)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFEAD
B0AEFE

Analogous

FED8AE
FDFEAD
D5FEAE

Triadic

FDFEAD
AEFDFE
FEAEFD

Split-Comp.

FDFEAD
AED5FE
D8AEFE

Tetradic

FDFEAD
AEFED8
B0AEFE
FEAED5

Contrast Matrix WCAG 2.1 Contrast

FDFEAD
FFF163
BF7EC6
E1B2F8
E3EFF8
—
1.1
Fail
2.8
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
2.6
Fail
1.5
Fail
1.0
Fail
2.8
Fail
2.6
Fail
—
1.7
Fail
2.6
Fail
1.7
Fail
1.5
Fail
1.7
Fail
—
1.5
Fail
1.1
Fail
1.0
Fail
2.6
Fail
1.5
Fail
—
White BG
1.1Fail
1.2Fail
3.0Fail
1.8Fail
1.2Fail
Black BG
20.0AAA
18.0AAA
7.0AAA
11.9AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDC1
F9F985
A3A2B5
CDCCE7
E8E8F6

Deuteranopia

FDFDC5
FAFB8E
A7ACB0
CFD3E3
E8E7F5

Tritanopia

FDD0D3
FEA0A6
BCA7A4
DFDAD7
E4F4F4

Achromatopsia

F4F4F4
E5E5E5
9A9A9A
C8C8C8
ECECEC

Shades & Tints Shades & Tints

#FDFEAD

Dark
Light

#FFF163

Dark
Light

#BF7EC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfead;
  --color-2: #fff163;
  --color-3: #bf7ec6;
  --color-4: #e1b2f8;
  --color-5: #e3eff8;
}

SCSS

$color-1: #fdfead;
$color-2: #fff163;
$color-3: #bf7ec6;
$color-4: #e1b2f8;
$color-5: #e3eff8;

TAILWIND

colors: {
  'brand-1': '#fdfead',
  'brand-2': '#fff163',
  'brand-3': '#bf7ec6',
  'brand-4': '#e1b2f8',
  'brand-5': '#e3eff8',
}

RGB Array

[253, 254, 173], [255, 241, 99], [191, 126, 198], [225, 178, 248], [227, 239, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFEAD, #FFF163, #BF7EC6, #E1B2F8, #E3EFF8 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: #fdfead; --color-2: #fff163; --color-3: #bf7ec6; --color-4: #e1b2f8; --color-5: #e3eff8. 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