Skip to content
Tintdex

Tailwind Dark

Tailwind Dark is a dark terminal color scheme with a #262626 background and #e5e5e5 text (12.0:1 contrast)

Get config
Background
#262626
Foreground
#e5e5e5
Text contrast
12.01:1AAA
Accent contrast
8.63:1min 5.47
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
❯

Tailwind Dark configs

16 formats, all from one palette

Tailwind Dark

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

More Ghostty themes
Raw file
# Theme: Tailwind Dark (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/tailwind-dark?format=ghostty

palette = 0=#404040
palette = 1=#f87171
palette = 2=#4ade80
palette = 3=#facc15
palette = 4=#38bdf8
palette = 5=#e879f9
palette = 6=#2dd4bf
palette = 7=#e5e5e5
palette = 8=#a3a3a3
palette = 9=#fca5a5
palette = 10=#86efac
palette = 11=#fde047
palette = 12=#7dd3fc
palette = 13=#f0abfc
palette = 14=#5eead4
palette = 15=#f5f5f5
background = #262626
foreground = #e5e5e5
cursor-color = #e5e5e5
cursor-text = #262626
selection-background = #475569
selection-foreground = #e5e5e5

Tailwind Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#262626rgb(38 38 38)hsl(0 0% 15%)oklch(26.9% 0.000 0)—
Foregroundforeground#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)12.01 AAA
Cursorcursor#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)12.01 AAA
Cursor textcursorText#262626rgb(38 38 38)hsl(0 0% 15%)oklch(26.9% 0.000 0)1.00 Fail
Selectionselection#475569rgb(71 85 105)hsl(215 19% 35%)oklch(44.6% 0.037 257.3)2.00 Fail
Selection textselectionText#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)12.01 AAA
Blackcolor0#404040rgb(64 64 64)hsl(0 0% 25%)oklch(37.1% 0.000 0)1.46 Fail
Redcolor1#f87171rgb(248 113 113)hsl(0 91% 71%)oklch(71.1% 0.166 22.2)5.47 AA
Greencolor2#4ade80rgb(74 222 128)hsl(142 69% 58%)oklch(80.0% 0.182 151.7)8.68 AAA
Yellowcolor3#facc15rgb(250 204 21)hsl(48 96% 53%)oklch(86.1% 0.173 91.9)9.88 AAA
Bluecolor4#38bdf8rgb(56 189 248)hsl(198 93% 60%)oklch(75.4% 0.139 232.7)7.06 AAA
Magentacolor5#e879f9rgb(232 121 249)hsl(292 91% 73%)oklch(74.8% 0.207 322.2)6.15 AA
Cyancolor6#2dd4bfrgb(45 212 191)hsl(172 66% 50%)oklch(78.5% 0.133 181.9)8.13 AAA
Whitecolor7#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)12.01 AAA
Bright Blackcolor8#a3a3a3rgb(163 163 163)hsl(0 0% 64%)oklch(71.5% 0.000 0)6.00 AA
Bright Redcolor9#fca5a5rgb(252 165 165)hsl(0 94% 82%)oklch(80.8% 0.103 19.6)7.97 AAA
Bright Greencolor10#86efacrgb(134 239 172)hsl(142 77% 73%)oklch(87.1% 0.136 154.4)10.78 AAA
Bright Yellowcolor11#fde047rgb(253 224 71)hsl(50 98% 64%)oklch(90.5% 0.166 98.1)11.48 AAA
Bright Bluecolor12#7dd3fcrgb(125 211 252)hsl(199 95% 74%)oklch(82.8% 0.101 230.3)9.08 AAA
Bright Magentacolor13#f0abfcrgb(240 171 252)hsl(291 93% 83%)oklch(83.3% 0.132 321.4)8.60 AAA
Bright Cyancolor14#5eead4rgb(94 234 212)hsl(171 77% 64%)oklch(85.5% 0.125 181.1)10.23 AAA
Bright Whitecolor15#f5f5f5rgb(245 245 245)hsl(0 0% 96%)oklch(97.0% 0.000 0)13.88 AAA

About Tailwind Dark

Tailwind Dark is a dark terminal color scheme built on a neutral #262626 background with #e5e5e5 as the default foreground. Body text reaches a 12.01:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.63:1 (minimum 5.47:1).

Its palette is moderately saturated, anchored by #f87171 red, #4ade80 green, #38bdf8 blue, and #e879f9 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 Tailwind Dark

Source: iTerm2 Color Schemes (MIT)