Skip to content
Tintdex

Heroku Contrast

Heroku Contrast is a true black, dark terminal color scheme with a #0b0b0f background and #c8c7d5 text (11.8:1 contrast)

Get config
Background
#0b0b0f
Foreground
#c8c7d5
Text contrast
11.77:1AAA
Accent contrast
9.76:1min 2.80
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 Contrast configs

16 formats, all from one palette

Heroku Contrast

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

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

palette = 0=#16161e
palette = 1=#ba0e2e
palette = 2=#585480
palette = 3=#7873ae
palette = 4=#ffffff
palette = 5=#7873ae
palette = 6=#a6fa62
palette = 7=#d6d6e0
palette = 8=#2b2b3b
palette = 9=#e61f44
palette = 10=#8c89b1
palette = 11=#b6b4d3
palette = 12=#ffffff
palette = 13=#b6b4d3
palette = 14=#defdc5
palette = 15=#f3f3f6
background = #0b0b0f
foreground = #c8c7d5
cursor-color = #f8f8f0
cursor-text = #c8c7d5
selection-background = #7873ae
selection-foreground = #ffffff

Heroku Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0b0b0frgb(11 11 15)hsl(240 15% 5%)oklch(15.2% 0.009 285.3)—
Foregroundforeground#c8c7d5rgb(200 199 213)hsl(244 14% 81%)oklch(83.5% 0.019 289.3)11.77 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)18.41 AAA
Cursor textcursorText#c8c7d5rgb(200 199 213)hsl(244 14% 81%)oklch(83.5% 0.019 289.3)11.77 AAA
Selectionselection#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.55 AA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.64 AAA
Blackcolor0#16161ergb(22 22 30)hsl(240 15% 10%)oklch(20.4% 0.016 284.9)1.09 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.98 Fail
Greencolor2#585480rgb(88 84 128)hsl(245 21% 42%)oklch(46.9% 0.071 287.5)2.80 Fail
Yellowcolor3#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.55 AA
Bluecolor4#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.64 AAA
Magentacolor5#7873aergb(120 115 174)hsl(245 27% 57%)oklch(58.4% 0.090 287.2)4.55 AA
Cyancolor6#a6fa62rgb(166 250 98)hsl(93 94% 68%)oklch(90.1% 0.202 133.4)15.41 AAA
Whitecolor7#d6d6e0rgb(214 214 224)hsl(240 14% 86%)oklch(87.9% 0.014 286.1)13.61 AAA
Bright Blackcolor8#2b2b3brgb(43 43 59)hsl(240 16% 20%)oklch(29.6% 0.029 284.5)1.41 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.34 AA Large
Bright Greencolor10#8c89b1rgb(140 137 177)hsl(245 20% 62%)oklch(64.7% 0.059 288.1)5.92 AA
Bright Yellowcolor11#b6b4d3rgb(182 180 211)hsl(244 26% 77%)oklch(78.2% 0.044 288.3)9.78 AAA
Bright Bluecolor12#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.64 AAA
Bright Magentacolor13#b6b4d3rgb(182 180 211)hsl(244 26% 77%)oklch(78.2% 0.044 288.3)9.78 AAA
Bright Cyancolor14#defdc5rgb(222 253 197)hsl(93 93% 88%)oklch(95.8% 0.080 131.4)17.74 AAA
Bright Whitecolor15#f3f3f6rgb(243 243 246)hsl(240 14% 96%)oklch(96.5% 0.004 286.3)17.74 AAA

About Heroku Contrast

Heroku Contrast is a dark terminal color scheme built on a neutral #0b0b0f background with #c8c7d5 as the default foreground. Body text reaches a 11.77:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 9.76:1 (minimum 2.80:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #585480 green, #ffffff 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 Contrast

Source: Rainglow (MIT)