Skip to content
Tintdex

Tonic Contrast

Tonic Contrast is a high contrast, dark terminal color scheme with a #111314 background and #eeeeee text (16.1:1 contrast)

Get config
Background
#111314
Foreground
#eeeeee
Text contrast
16.06:1AAA
Accent contrast
9.41:1min 2.83
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
❯

Tonic Contrast configs

16 formats, all from one palette

Tonic Contrast

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

More Ghostty themes
Raw file
# Theme: Tonic Contrast (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/tonic-contrast?format=ghostty

palette = 0=#1d2022
palette = 1=#ba0e2e
palette = 2=#75a1a4
palette = 3=#b8cd44
palette = 4=#fd9f59
palette = 5=#ef6e44
palette = 6=#b8cd44
palette = 7=#fbfbfb
palette = 8=#343a3d
palette = 9=#e61f44
palette = 10=#b2cbcd
palette = 11=#d7e394
palette = 12=#fed9be
palette = 13=#f7b7a2
palette = 14=#d7e394
palette = 15=#ffffff
background = #111314
foreground = #eeeeee
cursor-color = #f8f8f0
cursor-text = #eeeeee
selection-background = #75a1a4
selection-foreground = #ffffff

Tonic Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#111314rgb(17 19 20)hsl(200 8% 7%)oklch(18.5% 0.004 229.0)—
Foregroundforeground#eeeeeergb(238 238 238)hsl(0 0% 93%)oklch(94.9% 0.000 0)16.06 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)17.46 AAA
Cursor textcursorText#eeeeeergb(238 238 238)hsl(0 0% 93%)oklch(94.9% 0.000 0)16.06 AAA
Selectionselection#75a1a4rgb(117 161 164)hsl(184 21% 55%)oklch(67.8% 0.048 201.4)6.56 AA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.63 AAA
Blackcolor0#1d2022rgb(29 32 34)hsl(204 8% 12%)oklch(24.1% 0.006 236.8)1.14 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.83 Fail
Greencolor2#75a1a4rgb(117 161 164)hsl(184 21% 55%)oklch(67.8% 0.048 201.4)6.56 AA
Yellowcolor3#b8cd44rgb(184 205 68)hsl(69 58% 54%)oklch(80.7% 0.160 117.6)10.52 AAA
Bluecolor4#fd9f59rgb(253 159 89)hsl(26 98% 67%)oklch(78.5% 0.141 55.6)9.12 AAA
Magentacolor5#ef6e44rgb(239 110 68)hsl(15 84% 60%)oklch(68.7% 0.169 38.3)6.20 AA
Cyancolor6#b8cd44rgb(184 205 68)hsl(69 58% 54%)oklch(80.7% 0.160 117.6)10.52 AAA
Whitecolor7#fbfbfbrgb(251 251 251)hsl(0 0% 98%)oklch(98.8% 0.000 0)18.01 AAA
Bright Blackcolor8#343a3drgb(52 58 61)hsl(200 8% 22%)oklch(34.4% 0.010 229.1)1.61 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.12 AA Large
Bright Greencolor10#b2cbcdrgb(178 203 205)hsl(184 21% 75%)oklch(82.4% 0.027 202.5)10.93 AAA
Bright Yellowcolor11#d7e394rgb(215 227 148)hsl(69 59% 74%)oklch(88.9% 0.102 115.6)13.58 AAA
Bright Bluecolor12#fed9bergb(254 217 190)hsl(25 97% 87%)oklch(91.0% 0.055 58.1)14.09 AAA
Bright Magentacolor13#f7b7a2rgb(247 183 162)hsl(15 84% 80%)oklch(83.3% 0.080 38.9)10.87 AAA
Bright Cyancolor14#d7e394rgb(215 227 148)hsl(69 59% 74%)oklch(88.9% 0.102 115.6)13.58 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.63 AAA

About Tonic Contrast

Tonic Contrast is a dark terminal color scheme built on a neutral #111314 background with #eeeeee as the default foreground. Body text reaches a 16.06:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 9.41:1 (minimum 2.83:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #75a1a4 green, #fd9f59 blue, and #ef6e44 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 Tonic Contrast

Source: Rainglow (MIT)