Skip to content
Tintdex

Tokyo Night

Tokyo Night is a cool, dark terminal color scheme with a #1a1b26 background and #a9b1d6 text (8.1:1 contrast)

Get config
Background
#1a1b26
Foreground
#a9b1d6
Text contrast
8.10:1AAA
Accent contrast
7.75:1min 5.42
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 configs

16 formats, all from one palette

Tokyo Night

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

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

palette = 0=#32344a
palette = 1=#f7768e
palette = 2=#9ece6a
palette = 3=#e0af68
palette = 4=#7aa2f7
palette = 5=#ad8ee6
palette = 6=#449dab
palette = 7=#787c99
palette = 8=#444b6a
palette = 9=#ff7a93
palette = 10=#b9f27c
palette = 11=#ff9e64
palette = 12=#7da6ff
palette = 13=#bb9af7
palette = 14=#0db9d7
palette = 15=#acb0d0
background = #1a1b26
foreground = #a9b1d6
cursor-color = #a9b1d6
cursor-text = #1a1b26
selection-background = #3a3c4d
selection-foreground = #a9b1d6

Tokyo Night palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1a1b26rgb(26 27 38)hsl(235 19% 13%)oklch(22.6% 0.021 280.5)—
Foregroundforeground#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)8.10 AAA
Cursorcursor#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)8.10 AAA
Cursor textcursorText#1a1b26rgb(26 27 38)hsl(235 19% 13%)oklch(22.6% 0.021 280.5)1.00 Fail
Selectionselection#3a3c4drgb(58 60 77)hsl(234 14% 26%)oklch(36.1% 0.029 279.6)1.57 Fail
Selection textselectionText#a9b1d6rgb(169 177 214)hsl(229 35% 75%)oklch(76.7% 0.054 275.5)8.10 AAA
Blackcolor0#32344argb(50 52 74)hsl(235 19% 24%)oklch(33.3% 0.039 280.0)1.40 Fail
Redcolor1#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)6.46 AA
Greencolor2#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)9.35 AAA
Yellowcolor3#e0af68rgb(224 175 104)hsl(36 66% 64%)oklch(78.4% 0.106 75.4)8.55 AAA
Bluecolor4#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)6.79 AA
Magentacolor5#ad8ee6rgb(173 142 230)hsl(261 64% 73%)oklch(70.9% 0.129 299.3)6.34 AA
Cyancolor6#449dabrgb(68 157 171)hsl(188 43% 47%)oklch(64.8% 0.086 209.3)5.42 AA
Whitecolor7#787c99rgb(120 124 153)hsl(233 14% 54%)oklch(59.3% 0.044 278.8)4.18 AA Large
Bright Blackcolor8#444b6argb(68 75 106)hsl(229 22% 34%)oklch(42.0% 0.053 274.1)2.00 Fail
Bright Redcolor9#ff7a93rgb(255 122 147)hsl(349 100% 74%)oklch(74.0% 0.163 10.2)6.88 AA
Bright Greencolor10#b9f27crgb(185 242 124)hsl(89 82% 72%)oklch(89.7% 0.160 130.3)13.07 AAA
Bright Yellowcolor11#ff9e64rgb(255 158 100)hsl(22 100% 70%)oklch(78.7% 0.137 50.6)8.40 AAA
Bright Bluecolor12#7da6ffrgb(125 166 255)hsl(221 100% 75%)oklch(73.3% 0.137 264.5)7.14 AAA
Bright Magentacolor13#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)7.39 AAA
Bright Cyancolor14#0db9d7rgb(13 185 215)hsl(189 89% 45%)oklch(72.4% 0.126 215.1)7.27 AAA
Bright Whitecolor15#acb0d0rgb(172 176 208)hsl(233 28% 75%)oklch(76.5% 0.046 279.6)8.04 AAA

About Tokyo Night

Tokyo Night is a dark terminal color scheme built on a cool-tinted #1a1b26 background with #a9b1d6 as the default foreground. Body text reaches a 8.10:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.75:1 (minimum 5.42:1).

Its palette is moderately saturated, anchored by #f7768e red, #9ece6a green, #7aa2f7 blue, and #ad8ee6 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

Source: Alacritty Theme (Apache-2.0)