Skip to content
Tintdex

Hopscotch.256

Hopscotch.256 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
5.14:1min 3.38
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.256 configs

16 formats, all from one palette

Hopscotch.256

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

More Ghostty themes
Raw file
# Theme: Hopscotch.256 (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/hopscotch-256?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=#dd464c
palette = 10=#8fc13e
palette = 11=#fdcc59
palette = 12=#1290bf
palette = 13=#c85e7c
palette = 14=#149b93
palette = 15=#ffffff
background = #322931
foreground = #b9b5b8
cursor-color = #b9b5b8
cursor-text = #322931
selection-background = #5c545b
selection-foreground = #b9b5b8

Hopscotch.256 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#dd464crgb(221 70 76)hsl(358 69% 57%)oklch(61.0% 0.187 22.5)3.38 AA Large
Bright Greencolor10#8fc13ergb(143 193 62)hsl(83 51% 50%)oklch(75.0% 0.167 128.0)6.59 AA
Bright Yellowcolor11#fdcc59rgb(253 204 89)hsl(42 98% 67%)oklch(86.7% 0.142 85.8)9.32 AAA
Bright Bluecolor12#1290bfrgb(18 144 191)hsl(196 83% 41%)oklch(61.4% 0.120 231.2)3.85 AA Large
Bright Magentacolor13#c85e7crgb(200 94 124)hsl(343 49% 58%)oklch(61.9% 0.138 4.1)3.57 AA Large
Bright Cyancolor14#149b93rgb(20 155 147)hsl(176 77% 34%)oklch(62.3% 0.105 188.2)4.10 AA Large
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.03 AAA

About Hopscotch.256

Hopscotch.256 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 5.14:1 (minimum 3.38: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.

Published upstream with an identical palette under the names Hopscotch

Schemes similar to Hopscotch.256

Source: iTerm2 Color Schemes (CC0-1.0)