Skip to content
Tintdex

Tetra

Tetra is a cool, dark terminal color scheme with a #13363f background and #c9d7db text (8.7:1 contrast)

Get config
Background
#13363f
Foreground
#c9d7db
Text contrast
8.74:1AAA
Accent contrast
5.71:1min 1.96
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
❯

Tetra configs

16 formats, all from one palette

Tetra

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

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

palette = 0=#194753
palette = 1=#ba0e2e
palette = 2=#148b97
palette = 3=#fdce7f
palette = 4=#e8744a
palette = 5=#e2585d
palette = 6=#148b97
palette = 7=#d8e2e5
palette = 8=#25687a
palette = 9=#e61f44
palette = 10=#2ed3e3
palette = 11=#fff4e3
palette = 12=#f3baa5
palette = 13=#f1afb1
palette = 14=#2ed3e3
palette = 15=#f7f9fa
background = #13363f
foreground = #c9d7db
cursor-color = #f8f8f0
cursor-text = #c9d7db
selection-background = #148b97
selection-foreground = #ffffff

Tetra palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#13363frgb(19 54 63)hsl(192 54% 16%)oklch(31.2% 0.043 217.4)—
Foregroundforeground#c9d7dbrgb(201 215 219)hsl(193 20% 82%)oklch(87.0% 0.016 216.7)8.74 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)12.09 AAA
Cursor textcursorText#c9d7dbrgb(201 215 219)hsl(193 20% 82%)oklch(87.0% 0.016 216.7)8.74 AAA
Selectionselection#148b97rgb(20 139 151)hsl(185 77% 34%)oklch(58.3% 0.096 205.9)3.18 AA Large
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)12.91 AAA
Blackcolor0#194753rgb(25 71 83)hsl(192 54% 21%)oklch(37.2% 0.053 218.0)1.27 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)1.96 Fail
Greencolor2#148b97rgb(20 139 151)hsl(185 77% 34%)oklch(58.3% 0.096 205.9)3.18 AA Large
Yellowcolor3#fdce7frgb(253 206 127)hsl(38 97% 75%)oklch(87.6% 0.111 79.5)8.80 AAA
Bluecolor4#e8744argb(232 116 74)hsl(16 77% 60%)oklch(68.6% 0.155 40.1)4.32 AA Large
Magentacolor5#e2585drgb(226 88 93)hsl(358 70% 62%)oklch(64.2% 0.172 21.2)3.56 AA Large
Cyancolor6#148b97rgb(20 139 151)hsl(185 77% 34%)oklch(58.3% 0.096 205.9)3.18 AA Large
Whitecolor7#d8e2e5rgb(216 226 229)hsl(194 20% 87%)oklch(90.6% 0.012 217.5)9.79 AAA
Bright Blackcolor8#25687argb(37 104 122)hsl(193 53% 31%)oklch(48.3% 0.072 219.0)2.05 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)2.85 Fail
Bright Greencolor10#2ed3e3rgb(46 211 227)hsl(185 76% 54%)oklch(79.4% 0.128 205.2)7.09 AAA
Bright Yellowcolor11#fff4e3rgb(255 244 227)hsl(36 100% 95%)oklch(97.1% 0.025 78.9)11.86 AAA
Bright Bluecolor12#f3baa5rgb(243 186 165)hsl(16 76% 80%)oklch(83.5% 0.072 41.1)7.61 AAA
Bright Magentacolor13#f1afb1rgb(241 175 177)hsl(358 70% 82%)oklch(81.6% 0.078 16.9)7.07 AAA
Bright Cyancolor14#2ed3e3rgb(46 211 227)hsl(185 76% 54%)oklch(79.4% 0.128 205.2)7.09 AAA
Bright Whitecolor15#f7f9fargb(247 249 250)hsl(200 23% 97%)oklch(98.1% 0.003 228.8)12.22 AAA

About Tetra

Tetra is a dark terminal color scheme built on a cool-tinted #13363f background with #c9d7db as the default foreground. Body text reaches a 8.74:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.71:1 (minimum 1.96:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #148b97 green, #e8744a blue, and #e2585d 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 Tetra

Source: Rainglow (MIT)