Skip to content
Tintdex

Userscape Contrast

Userscape Contrast is a dark terminal color scheme with a #15181c background and #dce2e8 text (13.6:1 contrast)

Get config
Background
#15181c
Foreground
#dce2e8
Text contrast
13.64:1AAA
Accent contrast
8.80:1min 2.71
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
❯

Userscape Contrast configs

16 formats, all from one palette

Userscape Contrast

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

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

palette = 0=#20242b
palette = 1=#ba0e2e
palette = 2=#a8c0e0
palette = 3=#507db7
palette = 4=#e3bd14
palette = 5=#b3becc
palette = 6=#de4d3a
palette = 7=#ebeff2
palette = 8=#363d48
palette = 9=#e61f44
palette = 10=#f3f6fb
palette = 11=#98b3d5
palette = 12=#f2d96b
palette = 13=#f0f2f5
palette = 14=#ed9c91
palette = 15=#ffffff
background = #15181c
foreground = #dce2e8
cursor-color = #ffffff
cursor-text = #dce2e8
selection-background = #355b8c
selection-foreground = #ffffff

Userscape Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#15181crgb(21 24 28)hsl(214 14% 10%)oklch(20.8% 0.009 255.6)—
Foregroundforeground#dce2e8rgb(220 226 232)hsl(210 21% 89%)oklch(91.0% 0.010 247.9)13.64 AAA
Cursorcursor#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.81 AAA
Cursor textcursorText#dce2e8rgb(220 226 232)hsl(210 21% 89%)oklch(91.0% 0.010 247.9)13.64 AAA
Selectionselection#355b8crgb(53 91 140)hsl(214 45% 38%)oklch(46.7% 0.091 255.5)2.57 Fail
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.81 AAA
Blackcolor0#20242brgb(32 36 43)hsl(218 15% 15%)oklch(25.9% 0.014 261.7)1.14 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.71 Fail
Greencolor2#a8c0e0rgb(168 192 224)hsl(214 47% 77%)oklch(80.0% 0.053 255.7)9.57 AAA
Yellowcolor3#507db7rgb(80 125 183)hsl(214 42% 52%)oklch(58.3% 0.103 255.3)4.20 AA Large
Bluecolor4#e3bd14rgb(227 189 20)hsl(49 84% 48%)oklch(80.8% 0.163 93.9)9.80 AAA
Magentacolor5#b3beccrgb(179 190 204)hsl(214 20% 75%)oklch(79.7% 0.023 254.4)9.46 AAA
Cyancolor6#de4d3argb(222 77 58)hsl(7 71% 55%)oklch(61.7% 0.184 30.5)4.43 AA Large
Whitecolor7#ebeff2rgb(235 239 242)hsl(206 21% 94%)oklch(95.0% 0.006 239.8)15.40 AAA
Bright Blackcolor8#363d48rgb(54 61 72)hsl(217 14% 25%)oklch(35.8% 0.021 259.4)1.63 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)3.94 AA Large
Bright Greencolor10#f3f6fbrgb(243 246 251)hsl(217 50% 97%)oklch(97.2% 0.007 260.7)16.44 AAA
Bright Yellowcolor11#98b3d5rgb(152 179 213)hsl(213 42% 72%)oklch(75.8% 0.057 254.4)8.26 AAA
Bright Bluecolor12#f2d96brgb(242 217 107)hsl(49 84% 68%)oklch(88.5% 0.133 96.7)12.65 AAA
Bright Magentacolor13#f0f2f5rgb(240 242 245)hsl(216 20% 95%)oklch(96.0% 0.005 258.3)15.88 AAA
Bright Cyancolor14#ed9c91rgb(237 156 145)hsl(7 72% 75%)oklch(77.1% 0.099 28.0)8.28 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.81 AAA

About Userscape Contrast

Userscape Contrast is a dark terminal color scheme built on a neutral #15181c background with #dce2e8 as the default foreground. Body text reaches a 13.64:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.80:1 (minimum 2.71:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #a8c0e0 green, #e3bd14 blue, and #b3becc 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 Userscape Contrast

Source: Rainglow (MIT)