Skip to content
Tintdex

Heroku Light

Heroku Light is a soft, light terminal color scheme with a #f7f7fc background and #1b1b24 text (16.0:1 contrast)

Get config
Background
#f7f7fc
Foreground
#1b1b24
Text contrast
16.00:1AAA
Accent contrast
3.26:1min 1.07
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
❯

Heroku Light configs

16 formats, all from one palette

Heroku Light

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

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

palette = 0=#ffffff
palette = 1=#ba0e2e
palette = 2=#585480
palette = 3=#7873ae
palette = 4=#b0add3
palette = 5=#7873ae
palette = 6=#6daf36
palette = 7=#262633
palette = 8=#ffffff
palette = 9=#e61f44
palette = 10=#8c89b1
palette = 11=#b6b4d3
palette = 12=#f0eff7
palette = 13=#b6b4d3
palette = 14=#a1d576
palette = 15=#3c3c50
background = #f7f7fc
foreground = #1b1b24
cursor-color = #222222
cursor-text = #1b1b24
selection-background = #7873ae
selection-foreground = #ffffff

Heroku Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#f7f7fcrgb(247 247 252)hsl(240 45% 98%)oklch(97.8% 0.007 286.3)—
Foregroundforeground#1b1b24rgb(27 27 36)hsl(240 14% 12%)oklch(22.6% 0.017 284.9)16.00 AAA
Cursorcursor#222222rgb(34 34 34)hsl(0 0% 13%)oklch(25.2% 0.000 0)14.90 AAA
Cursor textcursorText#1b1b24rgb(27 27 36)hsl(240 14% 12%)oklch(22.6% 0.017 284.9)16.00 AAA
Selectionselection#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.04 AA Large
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.07 Fail
Blackcolor0#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.07 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)6.16 AA
Greencolor2#585480rgb(88 84 128)hsl(245 21% 42%)oklch(46.9% 0.071 287.5)6.57 AA
Yellowcolor3#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.04 AA Large
Bluecolor4#b0add3rgb(176 173 211)hsl(245 30% 75%)oklch(76.3% 0.054 288.7)2.01 Fail
Magentacolor5#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.04 AA Large
Cyancolor6#6daf36rgb(109 175 54)hsl(93 53% 45%)oklch(68.5% 0.167 133.7)2.51 Fail
Whitecolor7#262633rgb(38 38 51)hsl(240 15% 17%)oklch(27.4% 0.024 284.7)13.97 AAA
Bright Blackcolor8#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.07 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.23 AA Large
Bright Greencolor10#8c89b1rgb(140 137 177)hsl(245 20% 62%)oklch(64.7% 0.059 288.1)3.11 AA Large
Bright Yellowcolor11#b6b4d3rgb(182 180 211)hsl(244 26% 77%)oklch(78.2% 0.044 288.3)1.88 Fail
Bright Bluecolor12#f0eff7rgb(240 239 247)hsl(248 33% 95%)oklch(95.5% 0.011 292.0)1.07 Fail
Bright Magentacolor13#b6b4d3rgb(182 180 211)hsl(244 26% 77%)oklch(78.2% 0.044 288.3)1.88 Fail
Bright Cyancolor14#a1d576rgb(161 213 118)hsl(93 53% 65%)oklch(81.5% 0.136 132.2)1.60 Fail
Bright Whitecolor15#3c3c50rgb(60 60 80)hsl(240 14% 27%)oklch(36.5% 0.034 284.6)10.06 AAA

About Heroku Light

Heroku Light is a light terminal color scheme built on a neutral #f7f7fc background with #1b1b24 as the default foreground. Body text reaches a 16.00:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 3.26:1 (minimum 1.07:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #585480 green, #b0add3 blue, and #7873ae 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 Heroku Light

Source: Rainglow (MIT)