Skip to content
Tintdex

Dracula

Dracula is a cool, dark terminal color scheme with a #282a36 background and #f8f8f2 text (13.4:1 contrast)

Get config
Background
#282a36
Foreground
#f8f8f2
Text contrast
13.36:1AAA
Accent contrast
8.90:1min 4.53
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls -la
drwxr-xr-x 12 ada staff 384 Oct 30 09:12 .
drwxr-xr-x 8 ada staff 256 Oct 29 18:40 ..
-rw-r--r-- 1 ada staff 1.2K Oct 30 09:10 .gitignore
drwxr-xr-x 5 ada staff 160 Oct 30 09:12 src
drwxr-xr-x 3 ada staff 96 Oct 28 11:02 public
-rwxr-xr-x 1 ada staff 2.4K Oct 30 08:57 build.sh
-rw-r--r-- 1 ada staff 4.1K Oct 30 09:01 package.json
lrwxr-xr-x 1 ada staff 18 Oct 27 14:33 node_modules -> ../cache/modules
-rw-r--r-- 1 ada staff 48K Oct 26 10:15 logo.png
-rw-r--r-- 1 ada staff 9.8M Oct 25 21:47 backup.tar.gz
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status
On branch main
Your branch is ahead of 'origin/main' by 2 commits.
Changes to be committed:
new file: src/theme.css
modified: README.md
Changes not staged for commit:
modified: src/app.tsx
deleted: legacy/colors.js
Untracked files:
notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯

Dracula configs

16 formats, all from one palette

Dracula

Save to ~/.config/ghostty/themes/Dracula, then set theme = Dracula in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Dracula (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/dracula?format=ghostty

palette = 0=#21222c
palette = 1=#ff5555
palette = 2=#50fa7b
palette = 3=#f1fa8c
palette = 4=#bd93f9
palette = 5=#ff79c6
palette = 6=#8be9fd
palette = 7=#f8f8f2
palette = 8=#6272a4
palette = 9=#ff6e6e
palette = 10=#69ff94
palette = 11=#ffffa5
palette = 12=#d6acff
palette = 13=#ff92df
palette = 14=#a4ffff
palette = 15=#ffffff
background = #282a36
foreground = #f8f8f2
cursor-color = #f8f8f2
cursor-text = #282a36
selection-background = #44475a
selection-foreground = #ffffff

Dracula palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#282a36rgb(40 42 54)hsl(231 15% 18%)oklch(28.8% 0.022 277.5)—
Foregroundforeground#f8f8f2rgb(248 248 242)hsl(60 30% 96%)oklch(97.7% 0.008 106.5)13.36 AAA
Cursorcursor#f8f8f2rgb(248 248 242)hsl(60 30% 96%)oklch(97.7% 0.008 106.5)13.36 AAA
Cursor textcursorText#282a36rgb(40 42 54)hsl(231 15% 18%)oklch(28.8% 0.022 277.5)1.00 Fail
Selectionselection#44475argb(68 71 90)hsl(232 14% 31%)oklch(40.3% 0.032 277.8)1.56 Fail
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.24 AAA
Blackcolor0#21222crgb(33 34 44)hsl(235 14% 15%)oklch(25.5% 0.019 280.5)1.11 Fail
Redcolor1#ff5555rgb(255 85 85)hsl(0 100% 67%)oklch(68.2% 0.206 24.4)4.53 AA
Greencolor2#50fa7brgb(80 250 123)hsl(135 94% 65%)oklch(87.1% 0.220 148.0)10.38 AAA
Yellowcolor3#f1fa8crgb(241 250 140)hsl(65 92% 76%)oklch(95.5% 0.134 112.8)12.74 AAA
Bluecolor4#bd93f9rgb(189 147 249)hsl(265 89% 78%)oklch(74.2% 0.149 301.9)5.90 AA
Magentacolor5#ff79c6rgb(255 121 198)hsl(326 100% 74%)oklch(75.5% 0.183 346.8)5.97 AA
Cyancolor6#8be9fdrgb(139 233 253)hsl(191 97% 77%)oklch(88.3% 0.093 212.8)10.29 AAA
Whitecolor7#f8f8f2rgb(248 248 242)hsl(60 30% 96%)oklch(97.7% 0.008 106.5)13.36 AAA
Bright Blackcolor8#6272a4rgb(98 114 164)hsl(225 27% 51%)oklch(56.0% 0.080 270.1)3.03 AA Large
Bright Redcolor9#ff6e6ergb(255 110 110)hsl(0 100% 72%)oklch(71.6% 0.178 22.6)5.23 AA
Bright Greencolor10#69ff94rgb(105 255 148)hsl(137 100% 71%)oklch(89.4% 0.195 150.0)11.08 AAA
Bright Yellowcolor11#ffffa5rgb(255 255 165)hsl(60 100% 82%)oklch(98.0% 0.111 108.3)13.63 AAA
Bright Bluecolor12#d6acffrgb(214 172 255)hsl(270 100% 84%)oklch(81.1% 0.122 307.0)7.60 AAA
Bright Magentacolor13#ff92dfrgb(255 146 223)hsl(318 100% 79%)oklch(79.9% 0.160 339.0)7.07 AAA
Bright Cyancolor14#a4ffffrgb(164 255 255)hsl(180 100% 82%)oklch(94.3% 0.087 195.8)12.43 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.24 AAA

About Dracula

Dracula is a dark terminal color scheme built on a cool-tinted #282a36 background with #f8f8f2 as the default foreground. Body text reaches a 13.36:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.90:1 (minimum 4.53:1).

Its palette is moderately saturated, anchored by #ff5555 red, #50fa7b green, #bd93f9 blue, and #ff79c6 magenta. Part of the Dracula theme family.

Ready-to-use configs can be exported for Ghostty, iTerm2, Kitty, Alacritty, WezTerm, Windows Terminal, Warp, foot, Rio, XFCE4 Terminal, and Xresources, along with VS Code and Zed integrated terminals, CSS variables, Tailwind CSS, and JSON.

Schemes similar to Dracula

Source: iTerm2 Color Schemes (MIT)