← Back to Editor

#FADFAB · #FFF9CD · #EEE89A · #FFFDD2 · #CCE599

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#FADFAB

Goose Yellow · Wheat · Peach Orange

HEX
#FADFAB
RGB
rgb(250, 223, 171)
HSL
hsl(39, 89%, 83%)
HSB
hsb(39, 32%, 98%)
CMYK
cmyk(0%, 11%, 32%, 2%)
Oklch
oklch(91.4% 0.073 83.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFF9CD

Fresh Green · Beige · Lemon Cream

HEX
#FFF9CD
RGB
rgb(255, 249, 205)
HSL
hsl(53, 100%, 90%)
HSB
hsb(53, 20%, 100%)
CMYK
cmyk(0%, 2%, 20%, 0%)
Oklch
oklch(97.6% 0.057 100.9)

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

#EEE89A

Fresh Green · Khaki · Lemon Cream

HEX
#EEE89A
RGB
rgb(238, 232, 154)
HSL
hsl(56, 71%, 77%)
HSB
hsb(56, 35%, 93%)
CMYK
cmyk(0%, 3%, 35%, 7%)
Oklch
oklch(91.8% 0.099 104.4)

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

#FFFDD2

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDD2
RGB
rgb(255, 253, 210)
HSL
hsl(57, 100%, 91%)
HSB
hsb(57, 18%, 100%)
CMYK
cmyk(0%, 1%, 18%, 0%)
Oklch
oklch(98.5% 0.055 105.2)

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

#CCE599

Willow Green · Khaki · Apple Green

HEX
#CCE599
RGB
rgb(204, 229, 153)
HSL
hsl(80, 59%, 75%)
HSB
hsb(80, 33%, 90%)
CMYK
cmyk(11%, 0%, 33%, 10%)
Oklch
oklch(88.6% 0.102 123.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FADFAB
ADC8FA

Analogous

FAB9AD
FADFAB
EFFAAD

Triadic

FADFAB
ADFADF
DFADFA

Split-Comp.

FADFAB
ADEFFA
B9ADFA

Tetradic

FADFAB
ADFAB9
ADC8FA
FAADEF

Contrast Matrix WCAG 2.1 Contrast

FADFAB
FFF9CD
EEE89A
FFFDD2
CCE599
—
1.2
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
White BG
1.3Fail
1.1Fail
1.3Fail
1.0Fail
1.4Fail
Black BG
16.2AAA
19.7AAA
16.6AAA
20.2AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB8
FCFCD8
EBEBAD
FEFEDC
D7D7AB

Deuteranopia

F0F2BB
FDFDDA
ECECB1
FEFEDF
D5D4B0

Tritanopia

F9C2C4
FFE0E2
EEBCBF
FFE5E6
CDBABD

Achromatopsia

E1E1E1
F6F6F6
E1E1E1
F9F9F9
D5D5D5

Shades & Tints Shades & Tints

#FADFAB

Dark
Light

#FFF9CD

Dark
Light

#EEE89A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fadfab;
  --color-2: #fff9cd;
  --color-3: #eee89a;
  --color-4: #fffdd2;
  --color-5: #cce599;
}

SCSS

$color-1: #fadfab;
$color-2: #fff9cd;
$color-3: #eee89a;
$color-4: #fffdd2;
$color-5: #cce599;

TAILWIND

colors: {
  'brand-1': '#fadfab',
  'brand-2': '#fff9cd',
  'brand-3': '#eee89a',
  'brand-4': '#fffdd2',
  'brand-5': '#cce599',
}

RGB Array

[250, 223, 171], [255, 249, 205], [238, 232, 154], [255, 253, 210], [204, 229, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FADFAB, #FFF9CD, #EEE89A, #FFFDD2, #CCE599 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: #fadfab; --color-2: #fff9cd; --color-3: #eee89a; --color-4: #fffdd2; --color-5: #cce599. 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 neon-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