Skip to content

Banner Contrast

Banner Contrast is a true black, pastel, dark terminal color scheme with a #0b0a0f background and #c5bedd text (11.1:1 contrast)

Get config
Background
#0b0a0f
Foreground
#c5bedd
Text contrast
11.07:1AAA
Accent contrast
12.45:1min 3.00
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
❯

Banner Contrast configs

16 formats, all from one palette

Banner Contrast

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

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

palette = 0=#16141e
palette = 1=#ba0e2e
palette = 2=#7cd827
palette = 3=#a25cdb
palette = 4=#ffffff
palette = 5=#a6ef61
palette = 6=#a6ef61
palette = 7=#d4cfe6
palette = 8=#2d293d
palette = 9=#e61f44
palette = 10=#b0e87d
palette = 11=#d2b0ed
palette = 12=#ffffff
palette = 13=#daf8be
palette = 14=#daf8be
palette = 15=#f2f0f7
background = #0b0a0f
foreground = #c5bedd
cursor-color = #f8f8f0
cursor-text = #c5bedd
selection-background = #7cd827
selection-foreground = #ffffff

Banner Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0b0a0frgb(11 10 15)hsl(252 20% 5%)oklch(14.9% 0.011 294.2)—
Foregroundforeground#c5beddrgb(197 190 221)hsl(254 31% 81%)oklch(81.7% 0.044 295.8)11.07 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)18.48 AAA
Cursor textcursorText#c5beddrgb(197 190 221)hsl(254 31% 81%)oklch(81.7% 0.044 295.8)11.07 AAA
Selectionselection#7cd827rgb(124 216 39)hsl(91 69% 50%)oklch(79.4% 0.217 134.3)11.00 AAA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.73 AAA
Blackcolor0#16141ergb(22 20 30)hsl(252 20% 10%)oklch(19.8% 0.020 293.7)1.08 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)3.00 Fail
Greencolor2#7cd827rgb(124 216 39)hsl(91 69% 50%)oklch(79.4% 0.217 134.3)11.00 AAA
Yellowcolor3#a25cdbrgb(162 92 219)hsl(273 64% 61%)oklch(61.1% 0.191 307.1)4.78 AA
Bluecolor4#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.73 AAA
Magentacolor5#a6ef61rgb(166 239 97)hsl(91 82% 66%)oklch(87.5% 0.188 132.1)14.22 AAA
Cyancolor6#a6ef61rgb(166 239 97)hsl(91 82% 66%)oklch(87.5% 0.188 132.1)14.22 AAA
Whitecolor7#d4cfe6rgb(212 207 230)hsl(253 32% 86%)oklch(86.6% 0.032 295.7)13.03 AAA
Bright Blackcolor8#2d293drgb(45 41 61)hsl(252 20% 20%)oklch(29.4% 0.036 293.2)1.41 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.36 AA Large
Bright Greencolor10#b0e87drgb(176 232 125)hsl(91 70% 70%)oklch(86.9% 0.149 131.5)13.79 AAA
Bright Yellowcolor11#d2b0edrgb(210 176 237)hsl(273 63% 81%)oklch(80.7% 0.092 309.7)10.50 AAA
Bright Bluecolor12#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.73 AAA
Bright Magentacolor13#daf8bergb(218 248 190)hsl(91 81% 86%)oklch(94.3% 0.082 130.1)17.05 AAA
Bright Cyancolor14#daf8bergb(218 248 190)hsl(91 81% 86%)oklch(94.3% 0.082 130.1)17.05 AAA
Bright Whitecolor15#f2f0f7rgb(242 240 247)hsl(257 30% 95%)oklch(95.9% 0.010 299.2)17.46 AAA

About Banner Contrast

Banner Contrast is a dark terminal color scheme built on a neutral #0b0a0f background with #c5bedd as the default foreground. Body text reaches a 11.07:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 12.45:1 (minimum 3.00:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #7cd827 green, #ffffff blue, and #a6ef61 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 Banner Contrast

Source: Rainglow (MIT)