Skip to content
Tintdex

TokyoNight Day

TokyoNight Day is a soft, light terminal color scheme with a #e1e2e7 background and #3760bf text (4.5:1 contrast)

Get config
Background
#e1e2e7
Foreground
#3760bf
Text contrast
4.52:1AA
Accent contrast
3.58:1min 3.01
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 Day configs

16 formats, all from one palette

TokyoNight Day

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

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

palette = 0=#e9e9ed
palette = 1=#f52a65
palette = 2=#587539
palette = 3=#8c6c3e
palette = 4=#2e7de9
palette = 5=#9854f1
palette = 6=#007197
palette = 7=#6172b0
palette = 8=#a1a6c5
palette = 9=#f52a65
palette = 10=#587539
palette = 11=#8c6c3e
palette = 12=#2e7de9
palette = 13=#9854f1
palette = 14=#007197
palette = 15=#3760bf
background = #e1e2e7
foreground = #3760bf
cursor-color = #3760bf
cursor-text = #e1e2e7
selection-background = #99a7df
selection-foreground = #3760bf

TokyoNight Day palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#e1e2e7rgb(225 226 231)hsl(230 11% 89%)oklch(91.3% 0.007 277.2)—
Foregroundforeground#3760bfrgb(55 96 191)hsl(222 55% 48%)oklch(51.2% 0.156 264.1)4.52 AA
Cursorcursor#3760bfrgb(55 96 191)hsl(222 55% 48%)oklch(51.2% 0.156 264.1)4.52 AA
Cursor textcursorText#e1e2e7rgb(225 226 231)hsl(230 11% 89%)oklch(91.3% 0.007 277.2)1.00 Fail
Selectionselection#99a7dfrgb(153 167 223)hsl(228 52% 74%)oklch(73.8% 0.083 273.4)1.81 Fail
Selection textselectionText#3760bfrgb(55 96 191)hsl(222 55% 48%)oklch(51.2% 0.156 264.1)4.52 AA
Blackcolor0#e9e9edrgb(233 233 237)hsl(240 10% 92%)oklch(93.5% 0.005 286.3)1.07 Fail
Redcolor1#f52a65rgb(245 42 101)hsl(343 91% 56%)oklch(63.4% 0.233 11.6)3.01 AA Large
Greencolor2#587539rgb(88 117 57)hsl(89 34% 34%)oklch(52.5% 0.093 130.3)4.04 AA Large
Yellowcolor3#8c6c3ergb(140 108 62)hsl(35 39% 40%)oklch(55.3% 0.075 75.2)3.75 AA Large
Bluecolor4#2e7de9rgb(46 125 233)hsl(215 81% 55%)oklch(60.0% 0.180 257.5)3.11 AA Large
Magentacolor5#9854f1rgb(152 84 241)hsl(266 85% 64%)oklch(60.4% 0.225 299.5)3.33 AA Large
Cyancolor6#007197rgb(0 113 151)hsl(195 100% 30%)oklch(51.4% 0.103 230.5)4.26 AA Large
Whitecolor7#6172b0rgb(97 114 176)hsl(227 33% 54%)oklch(56.5% 0.098 271.3)3.57 AA Large
Bright Blackcolor8#a1a6c5rgb(161 166 197)hsl(232 24% 70%)oklch(73.2% 0.045 278.0)1.85 Fail
Bright Redcolor9#f52a65rgb(245 42 101)hsl(343 91% 56%)oklch(63.4% 0.233 11.6)3.01 AA Large
Bright Greencolor10#587539rgb(88 117 57)hsl(89 34% 34%)oklch(52.5% 0.093 130.3)4.04 AA Large
Bright Yellowcolor11#8c6c3ergb(140 108 62)hsl(35 39% 40%)oklch(55.3% 0.075 75.2)3.75 AA Large
Bright Bluecolor12#2e7de9rgb(46 125 233)hsl(215 81% 55%)oklch(60.0% 0.180 257.5)3.11 AA Large
Bright Magentacolor13#9854f1rgb(152 84 241)hsl(266 85% 64%)oklch(60.4% 0.225 299.5)3.33 AA Large
Bright Cyancolor14#007197rgb(0 113 151)hsl(195 100% 30%)oklch(51.4% 0.103 230.5)4.26 AA Large
Bright Whitecolor15#3760bfrgb(55 96 191)hsl(222 55% 48%)oklch(51.2% 0.156 264.1)4.52 AA

About TokyoNight Day

TokyoNight Day is a light terminal color scheme built on a neutral #e1e2e7 background with #3760bf as the default foreground. Body text reaches a 4.52:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 3.58:1 (minimum 3.01:1).

Its palette is moderately saturated, anchored by #f52a65 red, #587539 green, #2e7de9 blue, and #9854f1 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 Day

Source: iTerm2 Color Schemes (Apache-2.0)