back to palettes
Color lane

Gumdrop

Three highlighter candies on a calm grape-milk ground — bright where it counts, quiet everywhere else.

Signature · the star
primary accentBubblegum · #ff3da6
Grape Pop · #6a5cff
Mint Chew · #28e0b0
Neutrals · the ground
bg
#ede4ff
surface
#fbf7ff
text
#2a1b45
muted
#7a6c9a
border
#e2d6fb
Semantic · functional accessory
success
warning
error
info
Download .cssbrightcandyhighlighterlilac-groundsoft-body
Do
  • · Put exactly one accent on the live element of a screen.
  • · Keep the grape-milk ground unpatterned so cushions and shadows read.
  • · Use mint for healthy/success/online states, bubblegum for the single primary action.
Don't
  • · Spread all three accents across the chrome at once.
  • · Wash the background into a candy gradient.
  • · Use accents as thin border edges around cards.
try it

remix with this palette

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

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