Dracula

Dracula is a dark, low-saturation theme built around six accent colors (cyan, green, orange, pink, purple, red, yellow) on a deep purple-grey background. The official spec defines a fixed 10-color palette.

11 swatches 16 light roles 16 dark roles dev-themedarkclassicdracula

Swatches

background
#282A36
Editor / surface background
current-line
#44475A
Selection / current-line highlight
foreground
#F8F8F2
Primary text
comment
#6272A4
Comments, muted text
cyan
#8BE9FD
green
#50FA7B
orange
#FFB86C
pink
#FF79C6
purple
#BD93F9
red
#FF5555
yellow
#F1FA8C

Mode role mappings

Light mode (16 roles)

accent → pink
annotation → orange
background → foreground
error → red
info → cyan
primary → purple
primary-hover → pink
secondary-accent → cyan
special → purple
success → green
surface → foreground
surface-elevated → foreground
text-primary → background
text-secondary → current-line
text-tertiary → comment
warning → orange

Dark mode (16 roles)

accent → pink
annotation → orange
background → background
error → red
info → cyan
primary → purple
primary-hover → pink
secondary-accent → cyan
special → purple
success → green
surface → current-line
surface-elevated → current-line
text-primary → foreground
text-secondary → foreground
text-tertiary → comment
warning → yellow

Provenance

Source
https://github.com/dracula/dracula-theme
License
MIT
Attribution
Dracula Theme by Zeno Rocha and contributors (dracula/dracula-theme)
Imported
2026-05-17
Notes
Palette is the official 10-color Dracula spec. Light mode is a thoughtful inversion (bg↔fg swap) since Dracula is fundamentally a dark theme.