Skip to content
Tintdex

Tokyo City Dark

Tokyo City Dark is a cool, dark terminal color scheme with a #171d23 background and #d8e2ec text (12.9:1 contrast)

Get config
Background
#171d23
Foreground
#d8e2ec
Text contrast
12.95:1AAA
Accent contrast
8.44:1min 6.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 City Dark configs

16 formats, all from one palette

Tokyo City Dark

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

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

palette = 0=#171d23
palette = 1=#f7768e
palette = 2=#9ece6a
palette = 3=#b7c5d3
palette = 4=#7aa2f7
palette = 5=#bb9af7
palette = 6=#89ddff
palette = 7=#d8e2ec
palette = 8=#526270
palette = 9=#f7768e
palette = 10=#9ece6a
palette = 11=#b7c5d3
palette = 12=#7aa2f7
palette = 13=#bb9af7
palette = 14=#89ddff
palette = 15=#fbfbfd
background = #171d23
foreground = #d8e2ec
cursor-color = #d8e2ec
cursor-text = #171d23
selection-background = #41484f
selection-foreground = #d8e2ec

Tokyo City Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#171d23rgb(23 29 35)hsl(210 21% 11%)oklch(22.7% 0.015 248.5)—
Foregroundforeground#d8e2ecrgb(216 226 236)hsl(210 34% 89%)oklch(90.8% 0.017 248.0)12.95 AAA
Cursorcursor#d8e2ecrgb(216 226 236)hsl(210 34% 89%)oklch(90.8% 0.017 248.0)12.95 AAA
Cursor textcursorText#171d23rgb(23 29 35)hsl(210 21% 11%)oklch(22.7% 0.015 248.5)1.00 Fail
Selectionselection#41484frgb(65 72 79)hsl(210 10% 28%)oklch(39.8% 0.015 248.2)1.83 Fail
Selection textselectionText#d8e2ecrgb(216 226 236)hsl(210 34% 89%)oklch(90.8% 0.017 248.0)12.95 AAA
Blackcolor0#171d23rgb(23 29 35)hsl(210 21% 11%)oklch(22.7% 0.015 248.5)1.00 Fail
Redcolor1#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)6.42 AA
Greencolor2#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)9.29 AAA
Yellowcolor3#b7c5d3rgb(183 197 211)hsl(210 24% 77%)oklch(81.7% 0.025 248.1)9.66 AAA
Bluecolor4#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)6.74 AA
Magentacolor5#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)7.34 AAA
Cyancolor6#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)11.20 AAA
Whitecolor7#d8e2ecrgb(216 226 236)hsl(210 34% 89%)oklch(90.8% 0.017 248.0)12.95 AAA
Bright Blackcolor8#526270rgb(82 98 112)hsl(208 15% 38%)oklch(48.8% 0.030 244.9)2.70 Fail
Bright Redcolor9#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)6.42 AA
Bright Greencolor10#9ece6argb(158 206 106)hsl(89 51% 61%)oklch(79.5% 0.139 130.1)9.29 AAA
Bright Yellowcolor11#b7c5d3rgb(183 197 211)hsl(210 24% 77%)oklch(81.7% 0.025 248.1)9.66 AAA
Bright Bluecolor12#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)6.74 AA
Bright Magentacolor13#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)7.34 AAA
Bright Cyancolor14#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)11.20 AAA
Bright Whitecolor15#fbfbfdrgb(251 251 253)hsl(240 33% 99%)oklch(98.9% 0.003 286.4)16.43 AAA

About Tokyo City Dark

Tokyo City Dark is a dark terminal color scheme built on a cool-tinted #171d23 background with #d8e2ec as the default foreground. Body text reaches a 12.95:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.44:1 (minimum 6.42: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 Tokyo City Dark

Source: Gogh (MIT OR Apache-2.0)