Skip to content
Tintdex

Hopscotch

Hopscotch is a soft, dark terminal color scheme with a #322931 background and #b9b5b8 text (6.9:1 contrast)

Get config
Background
#322931
Foreground
#b9b5b8
Text contrast
6.92:1AA
Accent contrast
4.70:1min 1.30
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
❯

Hopscotch configs

16 formats, all from one palette

Hopscotch

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

More Ghostty themes
Raw file
# Theme: Hopscotch (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/hopscotch?format=ghostty

palette = 0=#322931
palette = 1=#dd464c
palette = 2=#8fc13e
palette = 3=#fdcc59
palette = 4=#1290bf
palette = 5=#c85e7c
palette = 6=#149b93
palette = 7=#b9b5b8
palette = 8=#797379
palette = 9=#fd8b19
palette = 10=#433b42
palette = 11=#5c545b
palette = 12=#989498
palette = 13=#d5d3d5
palette = 14=#b33508
palette = 15=#ffffff
background = #322931
foreground = #b9b5b8
cursor-color = #b9b5b8
cursor-text = #322931
selection-background = #5c545b
selection-foreground = #b9b5b8

Hopscotch palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#322931rgb(50 41 49)hsl(307 10% 18%)oklch(29.4% 0.019 329.7)—
Foregroundforeground#b9b5b8rgb(185 181 184)hsl(315 3% 72%)oklch(77.7% 0.006 334.0)6.92 AA
Cursorcursor#b9b5b8rgb(185 181 184)hsl(315 3% 72%)oklch(77.7% 0.006 334.0)6.92 AA
Cursor textcursorText#322931rgb(50 41 49)hsl(307 10% 18%)oklch(29.4% 0.019 329.7)1.00 Fail
Selectionselection#5c545brgb(92 84 91)hsl(308 5% 35%)oklch(45.6% 0.015 329.8)1.92 Fail
Selection textselectionText#b9b5b8rgb(185 181 184)hsl(315 3% 72%)oklch(77.7% 0.006 334.0)6.92 AA
Blackcolor0#322931rgb(50 41 49)hsl(307 10% 18%)oklch(29.4% 0.019 329.7)1.00 Fail
Redcolor1#dd464crgb(221 70 76)hsl(358 69% 57%)oklch(61.0% 0.187 22.5)3.38 AA Large
Greencolor2#8fc13ergb(143 193 62)hsl(83 51% 50%)oklch(75.0% 0.167 128.0)6.59 AA
Yellowcolor3#fdcc59rgb(253 204 89)hsl(42 98% 67%)oklch(86.7% 0.142 85.8)9.32 AAA
Bluecolor4#1290bfrgb(18 144 191)hsl(196 83% 41%)oklch(61.4% 0.120 231.2)3.85 AA Large
Magentacolor5#c85e7crgb(200 94 124)hsl(343 49% 58%)oklch(61.9% 0.138 4.1)3.57 AA Large
Cyancolor6#149b93rgb(20 155 147)hsl(176 77% 34%)oklch(62.3% 0.105 188.2)4.10 AA Large
Whitecolor7#b9b5b8rgb(185 181 184)hsl(315 3% 72%)oklch(77.7% 0.006 334.0)6.92 AA
Bright Blackcolor8#797379rgb(121 115 121)hsl(300 3% 46%)oklch(56.3% 0.012 325.7)3.03 AA Large
Bright Redcolor9#fd8b19rgb(253 139 25)hsl(30 98% 55%)oklch(74.7% 0.175 56.9)5.93 AA
Bright Greencolor10#433b42rgb(67 59 66)hsl(308 6% 25%)oklch(36.3% 0.016 329.9)1.30 Fail
Bright Yellowcolor11#5c545brgb(92 84 91)hsl(308 5% 35%)oklch(45.6% 0.015 329.8)1.92 Fail
Bright Bluecolor12#989498rgb(152 148 152)hsl(300 2% 59%)oklch(67.1% 0.007 325.7)4.69 AA
Bright Magentacolor13#d5d3d5rgb(213 211 213)hsl(300 2% 83%)oklch(86.9% 0.003 325.6)9.42 AAA
Bright Cyancolor14#b33508rgb(179 53 8)hsl(16 91% 37%)oklch(51.4% 0.169 36.6)2.29 Fail
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.03 AAA

About Hopscotch

Hopscotch is a dark terminal color scheme built on a neutral #322931 background with #b9b5b8 as the default foreground. Body text reaches a 6.92:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 4.70:1 (minimum 1.30:1).

Its palette is moderately saturated, anchored by #dd464c red, #8fc13e green, #1290bf blue, and #c85e7c 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 Hopscotch

Source: iTerm2 Color Schemes (CC0-1.0)