Skip to content
Tintdex

Storm Contrast

Storm Contrast is a true black, cool, dark terminal color scheme with a #020b0c background and #bacedd text (12.3:1 contrast)

Get config
Background
#020b0c
Foreground
#bacedd
Text contrast
12.28:1AAA
Accent contrast
7.58:1min 3.02
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
❯

Storm Contrast configs

16 formats, all from one palette

Storm Contrast

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

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

palette = 0=#061f22
palette = 1=#ba0e2e
palette = 2=#126d6b
palette = 3=#00a9a5
palette = 4=#4e8098
palette = 5=#126d6b
palette = 6=#00a9a5
palette = 7=#cbdae5
palette = 8=#0d474e
palette = 9=#e61f44
palette = 10=#20c5c1
palette = 11=#10fff9
palette = 12=#89b0c3
palette = 13=#20c5c1
palette = 14=#10fff9
palette = 15=#edf2f6
background = #020b0c
foreground = #bacedd
cursor-color = #f8f8f0
cursor-text = #bacedd
selection-background = #00a9a5
selection-foreground = #ffffff

Storm Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#020b0crgb(2 11 12)hsl(186 71% 3%)oklch(13.9% 0.018 202.3)—
Foregroundforeground#baceddrgb(186 206 221)hsl(206 34% 80%)oklch(84.1% 0.030 240.2)12.28 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)18.64 AAA
Cursor textcursorText#baceddrgb(186 206 221)hsl(206 34% 80%)oklch(84.1% 0.030 240.2)12.28 AAA
Selectionselection#00a9a5rgb(0 169 165)hsl(179 100% 33%)oklch(66.4% 0.114 191.8)6.84 AA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.89 AAA
Blackcolor0#061f22rgb(6 31 34)hsl(186 70% 8%)oklch(22.1% 0.031 206.0)1.16 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)3.02 AA Large
Greencolor2#126d6brgb(18 109 107)hsl(179 72% 25%)oklch(48.6% 0.079 192.5)3.24 AA Large
Yellowcolor3#00a9a5rgb(0 169 165)hsl(179 100% 33%)oklch(66.4% 0.114 191.8)6.84 AA
Bluecolor4#4e8098rgb(78 128 152)hsl(199 32% 45%)oklch(57.4% 0.065 230.2)4.61 AA
Magentacolor5#126d6brgb(18 109 107)hsl(179 72% 25%)oklch(48.6% 0.079 192.5)3.24 AA Large
Cyancolor6#00a9a5rgb(0 169 165)hsl(179 100% 33%)oklch(66.4% 0.114 191.8)6.84 AA
Whitecolor7#cbdae5rgb(203 218 229)hsl(205 33% 85%)oklch(88.0% 0.022 239.5)13.92 AAA
Bright Blackcolor8#0d474ergb(13 71 78)hsl(186 71% 18%)oklch(36.6% 0.057 207.2)1.92 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.40 AA Large
Bright Greencolor10#20c5c1rgb(32 197 193)hsl(179 72% 45%)oklch(74.6% 0.123 192.2)9.30 AAA
Bright Yellowcolor11#10fff9rgb(16 255 249)hsl(178 100% 53%)oklch(90.4% 0.154 191.7)15.81 AAA
Bright Bluecolor12#89b0c3rgb(137 176 195)hsl(200 33% 65%)oklch(73.5% 0.050 229.2)8.58 AAA
Bright Magentacolor13#20c5c1rgb(32 197 193)hsl(179 72% 45%)oklch(74.6% 0.123 192.2)9.30 AAA
Bright Cyancolor14#10fff9rgb(16 255 249)hsl(178 100% 53%)oklch(90.4% 0.154 191.7)15.81 AAA
Bright Whitecolor15#edf2f6rgb(237 242 246)hsl(207 33% 95%)oklch(95.9% 0.008 241.7)17.65 AAA

About Storm Contrast

Storm Contrast is a dark terminal color scheme built on a cool-tinted #020b0c background with #bacedd as the default foreground. Body text reaches a 12.28:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.58:1 (minimum 3.02:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #126d6b green, #4e8098 blue, and #126d6b 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 Storm Contrast

Source: Rainglow (MIT)