back to palettes
Color lane

Florette Candy

Joyful and candy-bright but disciplined: a hot bubblegum ground holding three candy highlighters over a jet-ink contour. Bright and clean, never muddy, never a pastel wash.

Signature · the star
primary accentBubblegum · #ff2d86
Soda Cyan · #1fc8e8
Candy Yellow · #ffd23f
Neutrals · the ground
bg
#ff2d86
surface
#ffffff
text
#131019
muted
#6b6478
border
#111014
Semantic · functional accessory
success
warning
error
info
Download .cssbubblegumcandy-accentscyanyellowwarm
Do
  • · Let the bubblegum ground carry the page; use the three candy colours like highlighters.
  • · Pair cyan for the one primary moment, yellow for ghosts and tags, magenta for emphasis bands.
  • · Keep semantic colours a small supporting part of the palette, never visually primary.
Don't
  • · Don't wash backgrounds in pastel or default to white.
  • · Don't exceed three candy accents or use neon/rainbow gradients.
  • · Don't place body text on candy colour — keep reading on white.
try it

remix with this palette

Drop Florette Candy onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Florette Candy
Art style
Landing Page
live preview · recolored + filled