Skip to content
Tintdex

Tokio

Tokio is a dark terminal color scheme with a #1c1c1d background and #f7f1ff text (15.4:1 contrast)

Get config
Background
#1c1c1d
Foreground
#f7f1ff
Text contrast
15.39:1AAA
Accent contrast
8.69:1min 5.68
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
❯

Tokio configs

16 formats, all from one palette

Tokio

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

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

palette = 0=#1c1c1d
palette = 1=#fc618d
palette = 2=#7bd88f
palette = 3=#fce566
palette = 4=#fd9353
palette = 5=#948ae3
palette = 6=#5ad4e6
palette = 7=#f7f1ff
palette = 8=#1c1c1d
palette = 9=#fc618d
palette = 10=#7bd88f
palette = 11=#fce566
palette = 12=#fd9353
palette = 13=#948ae3
palette = 14=#5ad4e6
palette = 15=#f7f1ff
background = #1c1c1d
foreground = #f7f1ff
cursor-color = #f7f1ff
cursor-text = #1c1c1d
selection-background = #4b4a4e
selection-foreground = #f7f1ff

Tokio palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1c1c1drgb(28 28 29)hsl(240 2% 11%)oklch(22.7% 0.002 286.2)—
Foregroundforeground#f7f1ffrgb(247 241 255)hsl(266 100% 97%)oklch(96.7% 0.020 305.3)15.39 AAA
Cursorcursor#f7f1ffrgb(247 241 255)hsl(266 100% 97%)oklch(96.7% 0.020 305.3)15.39 AAA
Cursor textcursorText#1c1c1drgb(28 28 29)hsl(240 2% 11%)oklch(22.7% 0.002 286.2)1.00 Fail
Selectionselection#4b4a4ergb(75 74 78)hsl(255 3% 30%)oklch(41.1% 0.007 297.5)1.94 Fail
Selection textselectionText#f7f1ffrgb(247 241 255)hsl(266 100% 97%)oklch(96.7% 0.020 305.3)15.39 AAA
Blackcolor0#1c1c1drgb(28 28 29)hsl(240 2% 11%)oklch(22.7% 0.002 286.2)1.00 Fail
Redcolor1#fc618drgb(252 97 141)hsl(343 96% 68%)oklch(70.3% 0.192 6.0)5.87 AA
Greencolor2#7bd88frgb(123 216 143)hsl(133 54% 66%)oklch(80.6% 0.136 149.5)9.78 AAA
Yellowcolor3#fce566rgb(252 229 102)hsl(51 96% 69%)oklch(91.7% 0.148 99.1)13.41 AAA
Bluecolor4#fd9353rgb(253 147 83)hsl(23 98% 66%)oklch(76.4% 0.150 50.0)7.68 AAA
Magentacolor5#948ae3rgb(148 138 227)hsl(247 61% 72%)oklch(67.9% 0.129 287.6)5.68 AA
Cyancolor6#5ad4e6rgb(90 212 230)hsl(188 74% 63%)oklch(80.8% 0.110 208.6)9.73 AAA
Whitecolor7#f7f1ffrgb(247 241 255)hsl(266 100% 97%)oklch(96.7% 0.020 305.3)15.39 AAA
Bright Blackcolor8#1c1c1drgb(28 28 29)hsl(240 2% 11%)oklch(22.7% 0.002 286.2)1.00 Fail
Bright Redcolor9#fc618drgb(252 97 141)hsl(343 96% 68%)oklch(70.3% 0.192 6.0)5.87 AA
Bright Greencolor10#7bd88frgb(123 216 143)hsl(133 54% 66%)oklch(80.6% 0.136 149.5)9.78 AAA
Bright Yellowcolor11#fce566rgb(252 229 102)hsl(51 96% 69%)oklch(91.7% 0.148 99.1)13.41 AAA
Bright Bluecolor12#fd9353rgb(253 147 83)hsl(23 98% 66%)oklch(76.4% 0.150 50.0)7.68 AAA
Bright Magentacolor13#948ae3rgb(148 138 227)hsl(247 61% 72%)oklch(67.9% 0.129 287.6)5.68 AA
Bright Cyancolor14#5ad4e6rgb(90 212 230)hsl(188 74% 63%)oklch(80.8% 0.110 208.6)9.73 AAA
Bright Whitecolor15#f7f1ffrgb(247 241 255)hsl(266 100% 97%)oklch(96.7% 0.020 305.3)15.39 AAA

About Tokio

Tokio is a dark terminal color scheme built on a neutral #1c1c1d background with #f7f1ff as the default foreground. Body text reaches a 15.39:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.69:1 (minimum 5.68:1).

Its palette is moderately saturated, anchored by #fc618d red, #7bd88f green, #fd9353 blue, and #948ae3 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 Tokio

Source: Gogh (MIT OR Apache-2.0)