Skip to content
Tintdex

Tokyodark

Tokyodark is a cool, dark terminal color scheme with a #11121d background and #a0a8cd text (8.0:1 contrast)

Get config
Background
#11121d
Foreground
#a0a8cd
Text contrast
7.96:1AAA
Accent contrast
7.75:1min 6.19
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
❯

Tokyodark configs

16 formats, all from one palette

Tokyodark

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

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

palette = 0=#11121d
palette = 1=#ee6d85
palette = 2=#95c561
palette = 3=#d7a65f
palette = 4=#7199ee
palette = 5=#a485dd
palette = 6=#9fbbf3
palette = 7=#a0a8cd
palette = 8=#353945
palette = 9=#ee6d85
palette = 10=#95c561
palette = 11=#d7a65f
palette = 12=#7199ee
palette = 13=#a485dd
palette = 14=#9fbbf3
palette = 15=#bcc2dc
background = #11121d
foreground = #a0a8cd
cursor-color = #a0a8cd
cursor-text = #11121d
selection-background = #303344
selection-foreground = #a0a8cd

Tokyodark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#11121drgb(17 18 29)hsl(235 26% 9%)oklch(18.7% 0.022 280.0)—
Foregroundforeground#a0a8cdrgb(160 168 205)hsl(229 31% 72%)oklch(73.8% 0.054 275.4)7.96 AAA
Cursorcursor#a0a8cdrgb(160 168 205)hsl(229 31% 72%)oklch(73.8% 0.054 275.4)7.96 AAA
Cursor textcursorText#11121drgb(17 18 29)hsl(235 26% 9%)oklch(18.7% 0.022 280.0)1.00 Fail
Selectionselection#303344rgb(48 51 68)hsl(231 17% 23%)oklch(32.6% 0.030 276.8)1.49 Fail
Selection textselectionText#a0a8cdrgb(160 168 205)hsl(229 31% 72%)oklch(73.8% 0.054 275.4)7.96 AAA
Blackcolor0#11121drgb(17 18 29)hsl(235 26% 9%)oklch(18.7% 0.022 280.0)1.00 Fail
Redcolor1#ee6d85rgb(238 109 133)hsl(349 79% 68%)oklch(69.6% 0.160 10.6)6.35 AA
Greencolor2#95c561rgb(149 197 97)hsl(89 46% 58%)oklch(76.7% 0.140 130.3)9.25 AAA
Yellowcolor3#d7a65frgb(215 166 95)hsl(36 60% 61%)oklch(75.6% 0.106 75.2)8.43 AAA
Bluecolor4#7199eergb(113 153 238)hsl(221 79% 69%)oklch(69.1% 0.133 264.1)6.64 AA
Magentacolor5#a485ddrgb(164 133 221)hsl(261 56% 69%)oklch(68.1% 0.130 299.2)6.19 AA
Cyancolor6#9fbbf3rgb(159 187 243)hsl(220 78% 79%)oklch(79.1% 0.086 263.9)9.64 AAA
Whitecolor7#a0a8cdrgb(160 168 205)hsl(229 31% 72%)oklch(73.8% 0.054 275.4)7.96 AAA
Bright Blackcolor8#353945rgb(53 57 69)hsl(225 13% 24%)oklch(34.6% 0.022 270.7)1.62 Fail
Bright Redcolor9#ee6d85rgb(238 109 133)hsl(349 79% 68%)oklch(69.6% 0.160 10.6)6.35 AA
Bright Greencolor10#95c561rgb(149 197 97)hsl(89 46% 58%)oklch(76.7% 0.140 130.3)9.25 AAA
Bright Yellowcolor11#d7a65frgb(215 166 95)hsl(36 60% 61%)oklch(75.6% 0.106 75.2)8.43 AAA
Bright Bluecolor12#7199eergb(113 153 238)hsl(221 79% 69%)oklch(69.1% 0.133 264.1)6.64 AA
Bright Magentacolor13#a485ddrgb(164 133 221)hsl(261 56% 69%)oklch(68.1% 0.130 299.2)6.19 AA
Bright Cyancolor14#9fbbf3rgb(159 187 243)hsl(220 78% 79%)oklch(79.1% 0.086 263.9)9.64 AAA
Bright Whitecolor15#bcc2dcrgb(188 194 220)hsl(229 31% 80%)oklch(81.8% 0.037 275.3)10.54 AAA

About Tokyodark

Tokyodark is a dark terminal color scheme built on a cool-tinted #11121d background with #a0a8cd as the default foreground. Body text reaches a 7.96:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.75:1 (minimum 6.19:1).

Its palette is moderately saturated, anchored by #ee6d85 red, #95c561 green, #7199ee blue, and #a485dd magenta.

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 Tokyodark

Source: Gogh (MIT OR Apache-2.0)