Skip to content
Tintdex

Cyberpunk

Cyberpunk is a cool, dark terminal color scheme with a #332a57 background and #e5e5e5 text (10.4:1 contrast)

Get config
Background
#332a57
Foreground
#e5e5e5
Text contrast
10.36:1AAA
Accent contrast
7.97:1min 4.96
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
❯

Cyberpunk configs

16 formats, all from one palette

Cyberpunk

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

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

palette = 0=#000000
palette = 1=#ff7092
palette = 2=#00fbac
palette = 3=#fffa6a
palette = 4=#00bfff
palette = 5=#df95ff
palette = 6=#86cbfe
palette = 7=#ffffff
palette = 8=#000000
palette = 9=#ff8aa4
palette = 10=#21f6bc
palette = 11=#fff787
palette = 12=#1bccfd
palette = 13=#e6aefe
palette = 14=#99d6fc
palette = 15=#ffffff
background = #332a57
foreground = #e5e5e5
cursor-color = #21f6bc
cursor-text = #ffffff
selection-background = #c1deff
selection-foreground = #000000

Cyberpunk palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#332a57rgb(51 42 87)hsl(252 35% 25%)oklch(31.9% 0.078 290.5)—
Foregroundforeground#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)10.36 AAA
Cursorcursor#21f6bcrgb(33 246 188)hsl(164 92% 55%)oklch(86.6% 0.172 167.5)9.30 AAA
Cursor textcursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)13.05 AAA
Selectionselection#c1deffrgb(193 222 255)hsl(212 100% 88%)oklch(89.0% 0.055 251.8)9.42 AAA
Selection textselectionText#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.61 Fail
Blackcolor0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.61 Fail
Redcolor1#ff7092rgb(255 112 146)hsl(346 100% 72%)oklch(72.7% 0.176 7.8)4.96 AA
Greencolor2#00fbacrgb(0 251 172)hsl(161 100% 49%)oklch(87.3% 0.193 161.5)9.56 AAA
Yellowcolor3#fffa6argb(255 250 106)hsl(58 100% 71%)oklch(96.2% 0.163 107.2)11.89 AAA
Bluecolor4#00bfffrgb(0 191 255)hsl(195 100% 50%)oklch(75.5% 0.153 231.6)6.15 AA
Magentacolor5#df95ffrgb(223 149 255)hsl(282 100% 79%)oklch(78.1% 0.164 315.1)6.14 AA
Cyancolor6#86cbfergb(134 203 254)hsl(206 98% 76%)oklch(81.5% 0.100 241.5)7.45 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)13.05 AAA
Bright Blackcolor8#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.61 Fail
Bright Redcolor9#ff8aa4rgb(255 138 164)hsl(347 100% 77%)oklch(76.8% 0.143 6.9)5.85 AA
Bright Greencolor10#21f6bcrgb(33 246 188)hsl(164 92% 55%)oklch(86.6% 0.172 167.5)9.30 AAA
Bright Yellowcolor11#fff787rgb(255 247 135)hsl(56 100% 76%)oklch(96.0% 0.134 105.0)11.75 AAA
Bright Bluecolor12#1bccfdrgb(27 204 253)hsl(193 98% 55%)oklch(78.6% 0.144 223.9)6.90 AA
Bright Magentacolor13#e6aefergb(230 174 254)hsl(282 98% 84%)oklch(82.9% 0.124 315.5)7.36 AAA
Bright Cyancolor14#99d6fcrgb(153 214 252)hsl(203 94% 79%)oklch(84.8% 0.082 236.4)8.31 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)13.05 AAA

About Cyberpunk

Cyberpunk is a dark terminal color scheme built on a cool-tinted #332a57 background with #e5e5e5 as the default foreground. Body text reaches a 10.36:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.97:1 (minimum 4.96:1).

Its palette is moderately saturated, anchored by #ff7092 red, #00fbac green, #00bfff blue, and #df95ff 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 Cyberpunk

Source: iTerm2 Color Schemes (MIT)