Skip to content

Moonlight

Moonlight is a cool, dark terminal color scheme with a #212337 background and #a3ace1 text (7.0:1 contrast)

Get config
Background
#212337
Foreground
#a3ace1
Text contrast
7.02:1AAA
Accent contrast
8.85:1min 4.94
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
❯

Moonlight configs

16 formats, all from one palette

Moonlight

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

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

palette = 0=#212337
palette = 1=#ff5370
palette = 2=#2df4c0
palette = 3=#ffc777
palette = 4=#40ffff
palette = 5=#b994f1
palette = 6=#04d1f9
palette = 7=#a3ace1
palette = 8=#748cd6
palette = 9=#ff5370
palette = 10=#2df4c0
palette = 11=#ffc777
palette = 12=#40ffff
palette = 13=#b994f1
palette = 14=#04d1f9
palette = 15=#ef43fa
background = #212337
foreground = #a3ace1
cursor-color = #a3ace1
cursor-text = #212337
selection-background = #3e425d
selection-foreground = #a3ace1

Moonlight palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#212337rgb(33 35 55)hsl(235 25% 17%)oklch(26.4% 0.037 279.1)—
Foregroundforeground#a3ace1rgb(163 172 225)hsl(231 51% 76%)oklch(75.6% 0.077 276.9)7.02 AAA
Cursorcursor#a3ace1rgb(163 172 225)hsl(231 51% 76%)oklch(75.6% 0.077 276.9)7.02 AAA
Cursor textcursorText#212337rgb(33 35 55)hsl(235 25% 17%)oklch(26.4% 0.037 279.1)1.00 Fail
Selectionselection#3e425drgb(62 66 93)hsl(232 20% 30%)oklch(38.7% 0.046 277.5)1.57 Fail
Selection textselectionText#a3ace1rgb(163 172 225)hsl(231 51% 76%)oklch(75.6% 0.077 276.9)7.02 AAA
Blackcolor0#212337rgb(33 35 55)hsl(235 25% 17%)oklch(26.4% 0.037 279.1)1.00 Fail
Redcolor1#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)4.94 AA
Greencolor2#2df4c0rgb(45 244 192)hsl(164 90% 57%)oklch(86.3% 0.165 169.3)10.89 AAA
Yellowcolor3#ffc777rgb(255 199 119)hsl(35 100% 73%)oklch(86.3% 0.117 75.0)10.06 AAA
Bluecolor4#40ffffrgb(64 255 255)hsl(180 100% 63%)oklch(91.1% 0.144 194.9)12.47 AAA
Magentacolor5#b994f1rgb(185 148 241)hsl(264 77% 76%)oklch(73.6% 0.136 301.5)6.30 AA
Cyancolor6#04d1f9rgb(4 209 249)hsl(190 97% 50%)oklch(79.5% 0.143 218.3)8.45 AAA
Whitecolor7#a3ace1rgb(163 172 225)hsl(231 51% 76%)oklch(75.6% 0.077 276.9)7.02 AAA
Bright Blackcolor8#748cd6rgb(116 140 214)hsl(225 54% 65%)oklch(65.3% 0.114 269.4)4.75 AA
Bright Redcolor9#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)4.94 AA
Bright Greencolor10#2df4c0rgb(45 244 192)hsl(164 90% 57%)oklch(86.3% 0.165 169.3)10.89 AAA
Bright Yellowcolor11#ffc777rgb(255 199 119)hsl(35 100% 73%)oklch(86.3% 0.117 75.0)10.06 AAA
Bright Bluecolor12#40ffffrgb(64 255 255)hsl(180 100% 63%)oklch(91.1% 0.144 194.9)12.47 AAA
Bright Magentacolor13#b994f1rgb(185 148 241)hsl(264 77% 76%)oklch(73.6% 0.136 301.5)6.30 AA
Bright Cyancolor14#04d1f9rgb(4 209 249)hsl(190 97% 50%)oklch(79.5% 0.143 218.3)8.45 AAA
Bright Whitecolor15#ef43fargb(239 67 250)hsl(296 95% 62%)oklch(70.1% 0.280 325.4)5.04 AA

About Moonlight

Moonlight is a dark terminal color scheme built on a cool-tinted #212337 background with #a3ace1 as the default foreground. Body text reaches a 7.02:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.85:1 (minimum 4.94:1).

Its palette is moderately saturated, anchored by #ff5370 red, #2df4c0 green, #40ffff blue, and #b994f1 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 Moonlight

Source: Gogh (MIT OR Apache-2.0)