Back to palettes

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.

warm, bubblegum-magenta.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Bubblegum#FF2D86
Soda Cyan#1FC8E8
Candy Yellow#FFD23F

Neutrals

bg#FF2D86
surface#FFFFFF
text#131019
muted#6B6478
border#111014

Semantic

success#18C47D
warning#FFB21A
error#FF4D6D
info#1FC8E8

bubblegum, candy-accents, cyan, yellow, warm, saturated, superflat, signature-led

Using it

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.

Avoid

  • 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 a remix

Drop Florette Candy onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Florette Candy
Art style