back to palettes
Color lane

Phosphene

A dark-glass display palette: a warm amber phosphor glow leading, a cool glass cyan answering, and a single hot magenta spark — all lit on a deep ink-navy ground, like a control readout coming alive in a dim room.

Signature · the star
primary accentAmber Phosphor · #ffb72e
Glass Cyan · #38e1d6
Hot Magenta · #ff4d8d
Neutrals · the ground
bg
#0b1020
surface
#141a2e
text
#f2efe6
muted
#8a93ad
border
#222a42
Semantic · functional accessory
success
warning
error
info
Ramps
neutral
Download .cssdark-glassamber-phosphorcyanmagenta-sparkdisplay-palette
Do
  • · Lead with amber as the primary glow; let cyan answer and reserve magenta for a single spark.
  • · Keep the ground deep ink-navy so lit cells and accents read as light, not paint.
  • · Map operational state to the accent inks (active=amber, idle/info=cyan, fault/peak=magenta).
Don't
  • · Do not flood large areas with magenta — it is a spark, never a field.
  • · Do not lighten the ground toward white; the palette is built for a dark display.
  • · Do not introduce a fourth accent hue.
try it

remix with this palette

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

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