Skip to content
Tintdex

TokyoNight Moon

TokyoNight 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.45: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
❯

TokyoNight Moon configs

16 formats, all from one palette

TokyoNight Moon

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

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

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

TokyoNight 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#2d3f76rgb(45 63 118)hsl(225 45% 32%)oklch(38.2% 0.096 268.0)1.52 Fail
Selection textselectionText#c8d3f5rgb(200 211 245)hsl(225 69% 87%)oklch(86.9% 0.049 271.2)10.26 AAA
Blackcolor0#1b1d2brgb(27 29 43)hsl(233 23% 14%)oklch(23.5% 0.027 277.8)1.09 Fail
Redcolor1#ff757frgb(255 117 127)hsl(356 100% 73%)oklch(72.9% 0.168 17.8)5.90 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#c099ffrgb(192 153 255)hsl(263 100% 80%)oklch(75.8% 0.147 300.6)6.73 AA
Cyancolor6#86e1fcrgb(134 225 252)hsl(194 95% 76%)oklch(86.2% 0.095 219.0)10.33 AAA
Whitecolor7#828bb8rgb(130 139 184)hsl(230 28% 62%)oklch(64.6% 0.068 275.6)4.61 AA
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#ffc777rgb(255 199 119)hsl(35 100% 73%)oklch(86.3% 0.117 75.0)9.96 AAA
Bright Bluecolor12#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)6.66 AA
Bright Magentacolor13#c099ffrgb(192 153 255)hsl(263 100% 80%)oklch(75.8% 0.147 300.6)6.73 AA
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 TokyoNight Moon

TokyoNight 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.45:1 (minimum 5.90:1).

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

Source: iTerm2 Color Schemes (Apache-2.0)