Skip to content
Tintdex

Tokyo Night Light

Tokyo Night Light is a soft, light terminal color scheme with a #d5d6db background and #565a6e text (4.7:1 contrast)

Get config
Background
#d5d6db
Foreground
#565a6e
Text contrast
4.69:1AA
Accent contrast
5.09: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 Light configs

16 formats, all from one palette

Tokyo Night Light

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

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

palette = 0=#0f0f14
palette = 1=#8c4351
palette = 2=#485e30
palette = 3=#8f5e15
palette = 4=#34548a
palette = 5=#5a4a78
palette = 6=#0f4b6e
palette = 7=#343b58
palette = 8=#9699a3
palette = 9=#8c4351
palette = 10=#485e30
palette = 11=#8f5e15
palette = 12=#34548a
palette = 13=#5a4a78
palette = 14=#0f4b6e
palette = 15=#343b58
background = #d5d6db
foreground = #565a6e
cursor-color = #565a6e
cursor-text = #d5d6db
selection-background = #b3b5bf
selection-foreground = #565a6e

Tokyo Night 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#565a6ergb(86 90 110)hsl(230 12% 38%)oklch(47.2% 0.033 276.2)4.69 AA
Cursorcursor#565a6ergb(86 90 110)hsl(230 12% 38%)oklch(47.2% 0.033 276.2)4.69 AA
Cursor textcursorText#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)1.00 Fail
Selectionselection#b3b5bfrgb(179 181 191)hsl(230 9% 73%)oklch(77.5% 0.014 277.0)1.41 Fail
Selection textselectionText#565a6ergb(86 90 110)hsl(230 12% 38%)oklch(47.2% 0.033 276.2)4.69 AA
Blackcolor0#0f0f14rgb(15 15 20)hsl(240 14% 7%)oklch(17.1% 0.010 285.3)13.17 AAA
Redcolor1#8c4351rgb(140 67 81)hsl(348 35% 41%)oklch(48.0% 0.100 9.5)4.77 AA
Greencolor2#485e30rgb(72 94 48)hsl(89 32% 28%)oklch(45.2% 0.074 129.9)4.96 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#343b58rgb(52 59 88)hsl(228 26% 27%)oklch(35.9% 0.051 273.2)7.57 AAA
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#485e30rgb(72 94 48)hsl(89 32% 28%)oklch(45.2% 0.074 129.9)4.96 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#343b58rgb(52 59 88)hsl(228 26% 27%)oklch(35.9% 0.051 273.2)7.57 AAA

About Tokyo Night Light

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

Its palette is moderately saturated, anchored by #8c4351 red, #485e30 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 Light

Source: Gogh (MIT OR Apache-2.0)