Skip to content

Tokyo Night Terminal Light

Tokyo Night Terminal Light is a soft, light terminal color scheme with a #d5d6db background and #4c505e text (5.5:1 contrast)

Get config
Background
#d5d6db
Foreground
#4c505e
Text contrast
5.53:1AA
Accent contrast
5.05:1min 3.83
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 Terminal Light configs

16 formats, all from one palette

Tokyo Night Terminal Light

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

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

palette = 0=#d5d6db
palette = 1=#8c4351
palette = 2=#33635c
palette = 3=#8f5e15
palette = 4=#34548a
palette = 5=#5a4a78
palette = 6=#0f4b6e
palette = 7=#4c505e
palette = 8=#9699a3
palette = 9=#8c4351
palette = 10=#33635c
palette = 11=#8f5e15
palette = 12=#34548a
palette = 13=#5a4a78
palette = 14=#0f4b6e
palette = 15=#1a1b26
background = #d5d6db
foreground = #4c505e
cursor-color = #4c505e
cursor-text = #d5d6db
selection-background = #b1b2ba
selection-foreground = #4c505e

Tokyo Night Terminal Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)—
Foregroundforeground#4c505ergb(76 80 94)hsl(227 11% 33%)oklch(43.3% 0.024 272.8)5.53 AA
Cursorcursor#4c505ergb(76 80 94)hsl(227 11% 33%)oklch(43.3% 0.024 272.8)5.53 AA
Cursor textcursorText#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)1.00 Fail
Selectionselection#b1b2bargb(177 178 186)hsl(233 6% 71%)oklch(76.5% 0.011 280.4)1.45 Fail
Selection textselectionText#4c505ergb(76 80 94)hsl(227 11% 33%)oklch(43.3% 0.024 272.8)5.53 AA
Blackcolor0#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)1.00 Fail
Redcolor1#8c4351rgb(140 67 81)hsl(348 35% 41%)oklch(48.0% 0.100 9.5)4.77 AA
Greencolor2#33635crgb(51 99 92)hsl(171 32% 29%)oklch(46.4% 0.054 183.4)4.70 AA
Yellowcolor3#8f5e15rgb(143 94 21)hsl(36 74% 32%)oklch(52.3% 0.104 71.0)3.83 AA Large
Bluecolor4#34548argb(52 84 138)hsl(218 45% 37%)oklch(44.8% 0.097 260.3)5.20 AA
Magentacolor5#5a4a78rgb(90 74 120)hsl(261 24% 38%)oklch(44.5% 0.076 299.3)5.39 AA
Cyancolor6#0f4b6ergb(15 75 110)hsl(202 76% 25%)oklch(39.4% 0.083 240.4)6.43 AA
Whitecolor7#4c505ergb(76 80 94)hsl(227 11% 33%)oklch(43.3% 0.024 272.8)5.53 AA
Bright Blackcolor8#9699a3rgb(150 153 163)hsl(226 7% 61%)oklch(68.4% 0.015 272.6)1.96 Fail
Bright Redcolor9#8c4351rgb(140 67 81)hsl(348 35% 41%)oklch(48.0% 0.100 9.5)4.77 AA
Bright Greencolor10#33635crgb(51 99 92)hsl(171 32% 29%)oklch(46.4% 0.054 183.4)4.70 AA
Bright Yellowcolor11#8f5e15rgb(143 94 21)hsl(36 74% 32%)oklch(52.3% 0.104 71.0)3.83 AA Large
Bright Bluecolor12#34548argb(52 84 138)hsl(218 45% 37%)oklch(44.8% 0.097 260.3)5.20 AA
Bright Magentacolor13#5a4a78rgb(90 74 120)hsl(261 24% 38%)oklch(44.5% 0.076 299.3)5.39 AA
Bright Cyancolor14#0f4b6ergb(15 75 110)hsl(202 76% 25%)oklch(39.4% 0.083 240.4)6.43 AA
Bright Whitecolor15#1a1b26rgb(26 27 38)hsl(235 19% 13%)oklch(22.6% 0.021 280.5)11.78 AAA

About Tokyo Night Terminal Light

Tokyo Night Terminal Light is a light terminal color scheme built on a neutral #d5d6db background with #4c505e as the default foreground. Body text reaches a 5.53:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 5.05:1 (minimum 3.83:1).

Its palette is moderately saturated, anchored by #8c4351 red, #33635c green, #34548a blue, and #5a4a78 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 Terminal Light

Source: Gogh (MIT OR Apache-2.0)