Skip to content
Tintdex

TokyoNight Storm

TokyoNight Storm is a cool, dark terminal color scheme with a #24283b background and #c0caf5 text (9.0:1 contrast)

Get config
Background
#24283b
Foreground
#c0caf5
Text contrast
9.02:1AAA
Accent contrast
6.89:1min 5.51
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
❯

TokyoNight Storm configs

16 formats, all from one palette

TokyoNight Storm

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

More Ghostty themes
Raw file
# Theme: TokyoNight Storm (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/tokyonight-storm?format=ghostty

palette = 0=#1d202f
palette = 1=#f7768e
palette = 2=#9ece6a
palette = 3=#e0af68
palette = 4=#7aa2f7
palette = 5=#bb9af7
palette = 6=#7dcfff
palette = 7=#a9b1d6
palette = 8=#414868
palette = 9=#f7768e
palette = 10=#9ece6a
palette = 11=#e0af68
palette = 12=#7aa2f7
palette = 13=#bb9af7
palette = 14=#7dcfff
palette = 15=#c0caf5
background = #24283b
foreground = #c0caf5
cursor-color = #c0caf5
cursor-text = #1d202f
selection-background = #364a82
selection-foreground = #c0caf5

TokyoNight Storm palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#24283brgb(36 40 59)hsl(230 24% 19%)oklch(28.2% 0.036 274.7)—
Foregroundforeground#c0caf5rgb(192 202 245)hsl(229 73% 86%)oklch(84.6% 0.061 274.8)9.02 AAA
Cursorcursor#c0caf5rgb(192 202 245)hsl(229 73% 86%)oklch(84.6% 0.061 274.8)9.02 AAA
Cursor textcursorText#1d202frgb(29 32 47)hsl(230 24% 15%)oklch(24.8% 0.029 275.4)1.11 Fail
Selectionselection#364a82rgb(54 74 130)hsl(224 41% 36%)oklch(42.1% 0.097 267.4)1.71 Fail
Selection textselectionText#c0caf5rgb(192 202 245)hsl(229 73% 86%)oklch(84.6% 0.061 274.8)9.02 AAA
Blackcolor0#1d202frgb(29 32 47)hsl(230 24% 15%)oklch(24.8% 0.029 275.4)1.11 Fail
Redcolor1#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)5.51 AA
Greencolor2#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)7.97 AAA
Yellowcolor3#e0af68rgb(224 175 104)hsl(36 66% 64%)oklch(78.4% 0.106 75.4)7.28 AAA
Bluecolor4#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)5.78 AA
Magentacolor5#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)6.30 AA
Cyancolor6#7dcfffrgb(125 207 255)hsl(202 100% 75%)oklch(82.0% 0.105 235.7)8.49 AAA
Whitecolor7#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)6.90 AA
Bright Blackcolor8#414868rgb(65 72 104)hsl(229 23% 33%)oklch(40.9% 0.055 274.3)1.63 Fail
Bright Redcolor9#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)5.51 AA
Bright Greencolor10#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)7.97 AAA
Bright Yellowcolor11#e0af68rgb(224 175 104)hsl(36 66% 64%)oklch(78.4% 0.106 75.4)7.28 AAA
Bright Bluecolor12#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)5.78 AA
Bright Magentacolor13#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)6.30 AA
Bright Cyancolor14#7dcfffrgb(125 207 255)hsl(202 100% 75%)oklch(82.0% 0.105 235.7)8.49 AAA
Bright Whitecolor15#c0caf5rgb(192 202 245)hsl(229 73% 86%)oklch(84.6% 0.061 274.8)9.02 AAA

About TokyoNight Storm

TokyoNight Storm is a dark terminal color scheme built on a cool-tinted #24283b background with #c0caf5 as the default foreground. Body text reaches a 9.02:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.89:1 (minimum 5.51:1).

Its palette is moderately saturated, anchored by #f7768e red, #9ece6a green, #7aa2f7 blue, and #bb9af7 magenta. Part of the Tokyo Night 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 TokyoNight Storm

Source: iTerm2 Color Schemes (Apache-2.0)