Skip to content
Tintdex

Vercel Light

Vercel Light is a light terminal color scheme with a #fbfbfa background and #24292f text (14.2:1 contrast)

Get config
Background
#fbfbfa
Foreground
#24292f
Text contrast
14.15:1AAA
Accent contrast
6.99:1min 4.93
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
❯

Vercel Light configs

16 formats, all from one palette

Vercel Light

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

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

palette = 0=#24292f
palette = 1=#cf2f36
palette = 2=#18703a
palette = 3=#8a5300
palette = 4=#1a5fb4
palette = 5=#7e3ab8
palette = 6=#0b7268
palette = 7=#4f5359
palette = 8=#656a70
palette = 9=#a8242b
palette = 10=#0f5a2c
palette = 11=#6b3f00
palette = 12=#124a8c
palette = 13=#622a92
palette = 14=#085a52
palette = 15=#171717
background = #fbfbfa
foreground = #24292f
cursor-color = #24292f
cursor-text = #fbfbfa
selection-background = #dce3ec
selection-foreground = #24292f

Vercel Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fbfbfargb(251 251 250)hsl(60 11% 98%)oklch(98.8% 0.001 106.4)—
Foregroundforeground#24292frgb(36 41 47)hsl(213 13% 16%)oklch(27.9% 0.013 253.0)14.15 AAA
Cursorcursor#24292frgb(36 41 47)hsl(213 13% 16%)oklch(27.9% 0.013 253.0)14.15 AAA
Cursor textcursorText#fbfbfargb(251 251 250)hsl(60 11% 98%)oklch(98.8% 0.001 106.4)1.00 Fail
Selectionselection#dce3ecrgb(220 227 236)hsl(214 30% 89%)oklch(91.3% 0.014 254.6)1.25 Fail
Selection textselectionText#24292frgb(36 41 47)hsl(213 13% 16%)oklch(27.9% 0.013 253.0)14.15 AAA
Blackcolor0#24292frgb(36 41 47)hsl(213 13% 16%)oklch(27.9% 0.013 253.0)14.15 AAA
Redcolor1#cf2f36rgb(207 47 54)hsl(357 63% 50%)oklch(56.2% 0.196 24.3)4.93 AA
Greencolor2#18703argb(24 112 58)hsl(143 65% 27%)oklch(48.1% 0.117 151.4)5.93 AA
Yellowcolor3#8a5300rgb(138 83 0)hsl(36 100% 27%)oklch(49.4% 0.109 66.9)6.11 AA
Bluecolor4#1a5fb4rgb(26 95 180)hsl(213 75% 40%)oklch(49.2% 0.151 256.4)6.07 AA
Magentacolor5#7e3ab8rgb(126 58 184)hsl(272 52% 47%)oklch(50.1% 0.191 305.2)6.37 AA
Cyancolor6#0b7268rgb(11 114 104)hsl(174 82% 25%)oklch(49.7% 0.086 184.1)5.60 AA
Whitecolor7#4f5359rgb(79 83 89)hsl(216 6% 33%)oklch(44.1% 0.011 258.4)7.47 AAA
Bright Blackcolor8#656a70rgb(101 106 112)hsl(213 5% 42%)oklch(52.2% 0.011 252.9)5.27 AA
Bright Redcolor9#a8242brgb(168 36 43)hsl(357 65% 40%)oklch(48.1% 0.168 23.8)6.87 AA
Bright Greencolor10#0f5a2crgb(15 90 44)hsl(143 71% 21%)oklch(41.2% 0.103 151.0)8.05 AAA
Bright Yellowcolor11#6b3f00rgb(107 63 0)hsl(35 100% 21%)oklch(41.1% 0.091 66.7)8.68 AAA
Bright Bluecolor12#124a8crgb(18 74 140)hsl(212 77% 31%)oklch(41.3% 0.123 255.6)8.51 AAA
Bright Magentacolor13#622a92rgb(98 42 146)hsl(272 55% 37%)oklch(41.8% 0.164 304.9)8.95 AAA
Bright Cyancolor14#085a52rgb(8 90 82)hsl(174 84% 19%)oklch(42.1% 0.072 184.2)7.82 AAA
Bright Whitecolor15#171717rgb(23 23 23)hsl(0 0% 9%)oklch(20.5% 0.000 0)17.31 AAA

About Vercel Light

Vercel Light is a light terminal color scheme built on a neutral #fbfbfa background with #24292f as the default foreground. Body text reaches a 14.15:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.99:1 (minimum 4.93:1).

Its palette is moderately saturated, anchored by #cf2f36 red, #18703a green, #1a5fb4 blue, and #7e3ab8 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 Vercel Light

Source: iTerm2 Color Schemes (MIT)