← Back to Editor

#FFCC88 · #FF5588 · #FDDDA4 · #53AE9A · #FCF6CE

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#FFCC88

Goose Yellow · Khaki · Peach Orange

HEX
#FFCC88
RGB
rgb(255, 204, 136)
HSL
hsl(34, 100%, 77%)
HSB
hsb(34, 47%, 100%)
CMYK
cmyk(0%, 20%, 47%, 0%)
Oklch
oklch(87.5% 0.103 73.8)

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

#FF5588

Rouge · LightCoral · Rose Pink

HEX
#FF5588
RGB
rgb(255, 85, 136)
HSL
hsl(342, 100%, 67%)
HSB
hsb(342, 67%, 100%)
CMYK
cmyk(0%, 67%, 47%, 0%)
Oklch
oklch(69.3% 0.208 6.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FDDDA4

Goose Yellow · Wheat · Peach Orange

HEX
#FDDDA4
RGB
rgb(253, 221, 164)
HSL
hsl(38, 96%, 82%)
HSB
hsb(38, 35%, 99%)
CMYK
cmyk(0%, 13%, 35%, 1%)
Oklch
oklch(91.1% 0.081 81.7)

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

#53AE9A

Mineral Blue · CadetBlue · Mint Ice

HEX
#53AE9A
RGB
rgb(83, 174, 154)
HSL
hsl(167, 36%, 50%)
HSB
hsb(167, 52%, 68%)
CMYK
cmyk(52%, 0%, 11%, 32%)
Oklch
oklch(68.9% 0.093 177.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FCF6CE

Fresh Green · Beige · Lemon Cream

HEX
#FCF6CE
RGB
rgb(252, 246, 206)
HSL
hsl(52, 88%, 90%)
HSB
hsb(52, 18%, 99%)
CMYK
cmyk(0%, 2%, 18%, 1%)
Oklch
oklch(96.8% 0.052 100.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFCC88
8ABDFF

Analogous

FF928A
FFCC88
F7FF8A

Triadic

FFCC88
8AFFCC
CC8AFF

Split-Comp.

FFCC88
8AF7FF
928AFF

Tetradic

FFCC88
8AFF92
8ABDFF
FF8AF7

Contrast Matrix WCAG 2.1 Contrast

FFCC88
FF5588
FDDDA4
53AE9A
FCF6CE
—
2.1
Fail
1.1
Fail
1.8
Fail
1.3
Fail
2.1
Fail
—
2.3
Fail
1.1
Fail
2.8
Fail
1.1
Fail
2.3
Fail
—
2.0
Fail
1.2
Fail
1.8
Fail
1.1
Fail
2.0
Fail
—
2.4
Fail
1.3
Fail
2.8
Fail
1.2
Fail
2.4
Fail
—
White BG
1.5Fail
3.0AA Large
1.3Fail
2.7Fail
1.1Fail
Black BG
14.2AAA
6.9AA
16.1AAA
7.9AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E898
B5B47C
EFEFB2
7A7B9F
F9F9D8

Deuteranopia

ECF09C
BFCC79
F1F3B5
756EA0
FAFADA

Tritanopia

FCA5A8
F77270
FBBDBF
58A3A4
FCDFE1

Achromatopsia

D3D3D3
8E8E8E
E0E0E0
919191
F3F3F3

Shades & Tints Shades & Tints

#FFCC88

Dark
Light

#FF5588

Dark
Light

#FDDDA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffcc88;
  --color-2: #ff5588;
  --color-3: #fddda4;
  --color-4: #53ae9a;
  --color-5: #fcf6ce;
}

SCSS

$color-1: #ffcc88;
$color-2: #ff5588;
$color-3: #fddda4;
$color-4: #53ae9a;
$color-5: #fcf6ce;

TAILWIND

colors: {
  'brand-1': '#ffcc88',
  'brand-2': '#ff5588',
  'brand-3': '#fddda4',
  'brand-4': '#53ae9a',
  'brand-5': '#fcf6ce',
}

RGB Array

[255, 204, 136], [255, 85, 136], [253, 221, 164], [83, 174, 154], [252, 246, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FFCC88, #FF5588, #FDDDA4, #53AE9A, #FCF6CE 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: #ffcc88; --color-2: #ff5588; --color-3: #fddda4; --color-4: #53ae9a; --color-5: #fcf6ce. 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