Skip to content
Tintdex

Tailwind Light

Tailwind Light is a light terminal color scheme with a #fafafa background and #0a0a0a text (19.0:1 contrast)

Get config
Background
#fafafa
Foreground
#0a0a0a
Text contrast
18.97:1AAA
Accent contrast
4.61:1min 2.81
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 Light configs

16 formats, all from one palette

Tailwind Light

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

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

palette = 0=#262626
palette = 1=#b91c1c
palette = 2=#15803d
palette = 3=#a16207
palette = 4=#0369a1
palette = 5=#a21caf
palette = 6=#0f766e
palette = 7=#bababa
palette = 8=#737373
palette = 9=#dc2626
palette = 10=#16a34a
palette = 11=#ca8a04
palette = 12=#0284c7
palette = 13=#c026d3
palette = 14=#0d9488
palette = 15=#e5e5e5
background = #fafafa
foreground = #0a0a0a
cursor-color = #0a0a0a
cursor-text = #fafafa
selection-background = #e2e8f0
selection-foreground = #0a0a0a

Tailwind Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fafafargb(250 250 250)hsl(0 0% 98%)oklch(98.5% 0.000 0)—
Foregroundforeground#0a0a0argb(10 10 10)hsl(0 0% 4%)oklch(14.5% 0.000 0)18.97 AAA
Cursorcursor#0a0a0argb(10 10 10)hsl(0 0% 4%)oklch(14.5% 0.000 0)18.97 AAA
Cursor textcursorText#fafafargb(250 250 250)hsl(0 0% 98%)oklch(98.5% 0.000 0)1.00 Fail
Selectionselection#e2e8f0rgb(226 232 240)hsl(214 32% 91%)oklch(92.9% 0.013 255.5)1.18 Fail
Selection textselectionText#0a0a0argb(10 10 10)hsl(0 0% 4%)oklch(14.5% 0.000 0)18.97 AAA
Blackcolor0#262626rgb(38 38 38)hsl(0 0% 15%)oklch(26.9% 0.000 0)14.50 AAA
Redcolor1#b91c1crgb(185 28 28)hsl(0 74% 42%)oklch(50.5% 0.190 27.5)6.20 AA
Greencolor2#15803drgb(21 128 61)hsl(142 72% 29%)oklch(52.7% 0.137 150.1)4.81 AA
Yellowcolor3#a16207rgb(161 98 7)hsl(35 92% 33%)oklch(55.4% 0.121 66.4)4.72 AA
Bluecolor4#0369a1rgb(3 105 161)hsl(201 96% 32%)oklch(50.0% 0.119 242.7)5.68 AA
Magentacolor5#a21cafrgb(162 28 175)hsl(295 72% 40%)oklch(51.8% 0.226 323.9)6.06 AA
Cyancolor6#0f766ergb(15 118 110)hsl(175 77% 26%)oklch(51.1% 0.086 186.4)5.24 AA
Whitecolor7#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)1.86 Fail
Bright Blackcolor8#737373rgb(115 115 115)hsl(0 0% 45%)oklch(55.6% 0.000 0)4.54 AA
Bright Redcolor9#dc2626rgb(220 38 38)hsl(0 72% 51%)oklch(57.7% 0.215 27.3)4.63 AA
Bright Greencolor10#16a34argb(22 163 74)hsl(142 76% 36%)oklch(62.7% 0.170 149.2)3.16 AA Large
Bright Yellowcolor11#ca8a04rgb(202 138 4)hsl(41 96% 40%)oklch(68.1% 0.142 75.8)2.81 Fail
Bright Bluecolor12#0284c7rgb(2 132 199)hsl(200 98% 39%)oklch(58.8% 0.139 242.0)3.92 AA Large
Bright Magentacolor13#c026d3rgb(192 38 211)hsl(293 69% 49%)oklch(59.1% 0.257 322.9)4.51 AA
Bright Cyancolor14#0d9488rgb(13 148 136)hsl(175 84% 32%)oklch(60.0% 0.104 184.7)3.59 AA Large
Bright Whitecolor15#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)1.21 Fail

About Tailwind Light

Tailwind Light is a light terminal color scheme built on a neutral #fafafa background with #0a0a0a as the default foreground. Body text reaches a 18.97:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 4.61:1 (minimum 2.81:1).

Its palette is moderately saturated, anchored by #b91c1c red, #15803d green, #0369a1 blue, and #a21caf 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 Light

Source: iTerm2 Color Schemes (MIT)