Skip to content
Tintdex

Tokyo Night Storm

Tokyo Night Storm is a soft, cool, dark terminal color scheme with a #24283b background and #a9b1d6 text (6.9:1 contrast)

Get config
Background
#24283b
Foreground
#a9b1d6
Text contrast
6.90:1AA
Accent contrast
7.91:1min 5.87
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
❯

Tokyo Night Storm configs

16 formats, all from one palette

Tokyo Night Storm

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

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

palette = 0=#24283b
palette = 1=#c0caf5
palette = 2=#9ece6a
palette = 3=#0db9d7
palette = 4=#2ac3de
palette = 5=#bb9af7
palette = 6=#b4f9f8
palette = 7=#a9b1d6
palette = 8=#444b6a
palette = 9=#ff7a93
palette = 10=#73daca
palette = 11=#ff9e64
palette = 12=#89ddff
palette = 13=#bb9af7
palette = 14=#7dcfff
palette = 15=#d5d6db
background = #24283b
foreground = #a9b1d6
cursor-color = #a9b1d6
cursor-text = #24283b
selection-background = #343a52
selection-foreground = #a9b1d6

Tokyo Night 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#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)6.90 AA
Cursorcursor#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)6.90 AA
Cursor textcursorText#24283brgb(36 40 59)hsl(230 24% 19%)oklch(28.2% 0.036 274.7)1.00 Fail
Selectionselection#343a52rgb(52 58 82)hsl(228 22% 26%)oklch(35.4% 0.043 273.2)1.30 Fail
Selection textselectionText#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)6.90 AA
Blackcolor0#24283brgb(36 40 59)hsl(230 24% 19%)oklch(28.2% 0.036 274.7)1.00 Fail
Redcolor1#c0caf5rgb(192 202 245)hsl(229 73% 86%)oklch(84.6% 0.061 274.8)9.02 AAA
Greencolor2#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)7.97 AAA
Yellowcolor3#0db9d7rgb(13 185 215)hsl(189 89% 45%)oklch(72.4% 0.126 215.1)6.20 AA
Bluecolor4#2ac3dergb(42 195 222)hsl(189 73% 52%)oklch(75.4% 0.124 213.2)6.91 AA
Magentacolor5#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)6.30 AA
Cyancolor6#b4f9f8rgb(180 249 248)hsl(179 85% 84%)oklch(93.6% 0.068 194.9)12.38 AAA
Whitecolor7#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)6.90 AA
Bright Blackcolor8#444b6argb(68 75 106)hsl(229 22% 34%)oklch(42.0% 0.053 274.1)1.71 Fail
Bright Redcolor9#ff7a93rgb(255 122 147)hsl(349 100% 74%)oklch(74.0% 0.163 10.2)5.87 AA
Bright Greencolor10#73dacargb(115 218 202)hsl(171 58% 65%)oklch(82.2% 0.100 182.5)8.75 AAA
Bright Yellowcolor11#ff9e64rgb(255 158 100)hsl(22 100% 70%)oklch(78.7% 0.137 50.6)7.16 AAA
Bright Bluecolor12#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)9.61 AAA
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#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)10.04 AAA

About Tokyo Night Storm

Tokyo Night Storm is a dark terminal color scheme built on a cool-tinted #24283b background with #a9b1d6 as the default foreground. Body text reaches a 6.90:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 7.91:1 (minimum 5.87:1).

Its palette is moderately saturated, anchored by #c0caf5 red, #9ece6a green, #2ac3de 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 Tokyo Night Storm

Source: Tinted Theming (Base16 & Base24) (MIT)