Skip to content

Spiderman

Spiderman is a soft, vibrant, dark terminal color scheme with a #1b1d1e background and #e3e3e3 text (13.2:1 contrast)

Get config
Background
#1b1d1e
Foreground
#e3e3e3
Text contrast
13.18:1AAA
Accent contrast
3.82:1min 2.10
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
❯

Spiderman configs

16 formats, all from one palette

Spiderman

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

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

palette = 0=#1b1d1e
palette = 1=#e60813
palette = 2=#e22928
palette = 3=#e24756
palette = 4=#2c3fff
palette = 5=#2435db
palette = 6=#3256ff
palette = 7=#fffef6
palette = 8=#505354
palette = 9=#ff0325
palette = 10=#ff3338
palette = 11=#fe3a35
palette = 12=#1d50ff
palette = 13=#747cff
palette = 14=#6184ff
palette = 15=#fffff9
background = #1b1d1e
foreground = #e3e3e3
cursor-color = #2c3fff
cursor-text = #000000
selection-background = #070e50
selection-foreground = #f0272d

Spiderman palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1b1d1ergb(27 29 30)hsl(200 5% 11%)oklch(22.9% 0.004 229.0)—
Foregroundforeground#e3e3e3rgb(227 227 227)hsl(0 0% 89%)oklch(91.6% 0.000 0)13.18 AAA
Cursorcursor#2c3fffrgb(44 63 255)hsl(235 100% 59%)oklch(50.9% 0.275 268.0)2.63 Fail
Cursor textcursorText#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.24 Fail
Selectionselection#070e50rgb(7 14 80)hsl(234 84% 17%)oklch(22.1% 0.117 268.1)1.04 Fail
Selection textselectionText#f0272drgb(240 39 45)hsl(358 87% 55%)oklch(61.4% 0.231 26.4)4.06 AA Large
Blackcolor0#1b1d1ergb(27 29 30)hsl(200 5% 11%)oklch(22.9% 0.004 229.0)1.00 Fail
Redcolor1#e60813rgb(230 8 19)hsl(357 93% 47%)oklch(58.3% 0.236 28.1)3.55 AA Large
Greencolor2#e22928rgb(226 41 40)hsl(0 76% 52%)oklch(59.0% 0.219 27.4)3.69 AA Large
Yellowcolor3#e24756rgb(226 71 86)hsl(354 73% 58%)oklch(62.1% 0.191 19.3)4.25 AA Large
Bluecolor4#2c3fffrgb(44 63 255)hsl(235 100% 59%)oklch(50.9% 0.275 268.0)2.63 Fail
Magentacolor5#2435dbrgb(36 53 219)hsl(234 72% 50%)oklch(45.4% 0.245 268.0)2.10 Fail
Cyancolor6#3256ffrgb(50 86 255)hsl(229 100% 60%)oklch(54.5% 0.252 267.2)3.15 AA Large
Whitecolor7#fffef6rgb(255 254 246)hsl(53 100% 98%)oklch(99.6% 0.011 100.8)16.73 AAA
Bright Blackcolor8#505354rgb(80 83 84)hsl(195 2% 32%)oklch(44.0% 0.004 219.6)2.18 Fail
Bright Redcolor9#ff0325rgb(255 3 37)hsl(352 100% 51%)oklch(63.0% 0.255 26.1)4.26 AA Large
Bright Greencolor10#ff3338rgb(255 51 56)hsl(359 100% 60%)oklch(64.9% 0.236 26.0)4.66 AA
Bright Yellowcolor11#fe3a35rgb(254 58 53)hsl(1 99% 60%)oklch(65.2% 0.231 27.5)4.73 AA
Bright Bluecolor12#1d50ffrgb(29 80 255)hsl(226 100% 56%)oklch(52.9% 0.262 264.9)2.94 Fail
Bright Magentacolor13#747cffrgb(116 124 255)hsl(237 100% 73%)oklch(64.6% 0.191 277.0)4.89 AA
Bright Cyancolor14#6184ffrgb(97 132 255)hsl(227 100% 69%)oklch(64.9% 0.186 268.8)5.04 AA
Bright Whitecolor15#fffff9rgb(255 255 249)hsl(60 100% 99%)oklch(99.8% 0.008 106.5)16.86 AAA

About Spiderman

Spiderman is a dark terminal color scheme built on a neutral #1b1d1e background with #e3e3e3 as the default foreground. Body text reaches a 13.18:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 3.82:1 (minimum 2.10:1).

Its palette is highly saturated, anchored by #e60813 red, #e22928 green, #2c3fff blue, and #2435db 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 Spiderman

Source: iTerm2 Color Schemes (MIT)