Skip to content
Tintdex

Tokyo Night Moon

Tokyo Night Moon is a pastel, cool, dark terminal color scheme with a #222436 background and #c8d3f5 text (10.3:1 contrast)

Get config
Background
#222436
Foreground
#c8d3f5
Text contrast
10.26:1AAA
Accent contrast
8.94:1min 5.90
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 Moon configs

16 formats, all from one palette

Tokyo Night Moon

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

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

palette = 0=#222436
palette = 1=#c099ff
palette = 2=#c3e88d
palette = 3=#ffc777
palette = 4=#82aaff
palette = 5=#fca7ea
palette = 6=#86e1fc
palette = 7=#c8d3f5
palette = 8=#444a73
palette = 9=#ff757f
palette = 10=#c3e88d
palette = 11=#ffd793
palette = 12=#82aaff
palette = 13=#fca7ea
palette = 14=#86e1fc
palette = 15=#c8d3f5
background = #222436
foreground = #c8d3f5
cursor-color = #c8d3f5
cursor-text = #222436
selection-background = #2f334d
selection-foreground = #c8d3f5

Tokyo Night Moon palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#222436rgb(34 36 54)hsl(234 23% 17%)oklch(26.7% 0.034 279.0)—
Foregroundforeground#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA
Cursorcursor#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA
Cursor textcursorText#222436rgb(34 36 54)hsl(234 23% 17%)oklch(26.7% 0.034 279.0)1.00 Fail
Selectionselection#2f334drgb(47 51 77)hsl(232 24% 24%)oklch(32.9% 0.046 276.8)1.24 Fail
Selection textselectionText#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA
Blackcolor0#222436rgb(34 36 54)hsl(234 23% 17%)oklch(26.7% 0.034 279.0)1.00 Fail
Redcolor1#c099ffrgb(192 153 255)hsl(263 100% 80%)oklch(75.8% 0.147 300.6)6.73 AA
Greencolor2#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)11.10 AAA
Yellowcolor3#ffc777rgb(255 199 119)hsl(35 100% 73%)oklch(86.3% 0.117 75.0)9.96 AAA
Bluecolor4#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)6.66 AA
Magentacolor5#fca7eargb(252 167 234)hsl(313 93% 82%)oklch(83.2% 0.130 334.7)8.63 AAA
Cyancolor6#86e1fcrgb(134 225 252)hsl(194 95% 76%)oklch(86.2% 0.095 219.0)10.33 AAA
Whitecolor7#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA
Bright Blackcolor8#444a73rgb(68 74 115)hsl(232 26% 36%)oklch(42.2% 0.069 276.7)1.80 Fail
Bright Redcolor9#ff757frgb(255 117 127)hsl(356 100% 73%)oklch(72.9% 0.168 17.8)5.90 AA
Bright Greencolor10#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)11.10 AAA
Bright Yellowcolor11#ffd793rgb(255 215 147)hsl(38 100% 79%)oklch(89.8% 0.096 80.3)11.21 AAA
Bright Bluecolor12#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)6.66 AA
Bright Magentacolor13#fca7eargb(252 167 234)hsl(313 93% 82%)oklch(83.2% 0.130 334.7)8.63 AAA
Bright Cyancolor14#86e1fcrgb(134 225 252)hsl(194 95% 76%)oklch(86.2% 0.095 219.0)10.33 AAA
Bright Whitecolor15#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA

About Tokyo Night Moon

Tokyo Night Moon is a dark terminal color scheme built on a cool-tinted #222436 background with #c8d3f5 as the default foreground. Body text reaches a 10.26:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.94:1 (minimum 5.90:1).

Its palette is moderately saturated, anchored by #c099ff red, #c3e88d green, #82aaff blue, and #fca7ea 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 Moon

Source: Tinted Theming (Base16 & Base24) (MIT)