Skip to content
Tintdex

Friction Contrast

Friction Contrast is a true black, soft, dark terminal color scheme with a #0c0c0f background and #7e7b99 text (4.8:1 contrast)

Get config
Background
#0c0c0f
Foreground
#7e7b99
Text contrast
4.82:1AA
Accent contrast
9.06:1min 2.97
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
❯

Friction Contrast configs

16 formats, all from one palette

Friction Contrast

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

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

palette = 0=#17171d
palette = 1=#ba0e2e
palette = 2=#8d89a5
palette = 3=#6aa7a7
palette = 4=#c2bed6
palette = 5=#8d89a5
palette = 6=#6aa7a7
palette = 7=#8c89a4
palette = 8=#2e2e39
palette = 9=#e61f44
palette = 10=#c5c3d1
palette = 11=#aacdcd
palette = 12=#fdfdfd
palette = 13=#c5c3d1
palette = 14=#aacdcd
palette = 15=#a8a6ba
background = #0c0c0f
foreground = #7e7b99
cursor-color = #ffffff
cursor-text = #7e7b99
selection-background = #6aa7a7
selection-foreground = #ffffff

Friction Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0c0c0frgb(12 12 15)hsl(240 11% 5%)oklch(15.6% 0.006 285.6)—
Foregroundforeground#7e7b99rgb(126 123 153)hsl(246 13% 54%)oklch(59.6% 0.045 289.5)4.82 AA
Cursorcursor#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.53 AAA
Cursor textcursorText#7e7b99rgb(126 123 153)hsl(246 13% 54%)oklch(59.6% 0.045 289.5)4.82 AA
Selectionselection#6aa7a7rgb(106 167 167)hsl(180 26% 54%)oklch(68.7% 0.063 195.8)7.16 AAA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)19.53 AAA
Blackcolor0#17171drgb(23 23 29)hsl(240 12% 10%)oklch(20.7% 0.012 285.3)1.09 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.97 Fail
Greencolor2#8d89a5rgb(141 137 165)hsl(249 13% 59%)oklch(64.3% 0.042 291.7)5.82 AA
Yellowcolor3#6aa7a7rgb(106 167 167)hsl(180 26% 54%)oklch(68.7% 0.063 195.8)7.16 AAA
Bluecolor4#c2bed6rgb(194 190 214)hsl(250 23% 79%)oklch(81.2% 0.034 293.3)10.82 AAA
Magentacolor5#8d89a5rgb(141 137 165)hsl(249 13% 59%)oklch(64.3% 0.042 291.7)5.82 AA
Cyancolor6#6aa7a7rgb(106 167 167)hsl(180 26% 54%)oklch(68.7% 0.063 195.8)7.16 AAA
Whitecolor7#8c89a4rgb(140 137 164)hsl(247 13% 59%)oklch(64.2% 0.040 290.3)5.79 AA
Bright Blackcolor8#2e2e39rgb(46 46 57)hsl(240 11% 20%)oklch(30.6% 0.020 285.2)1.46 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.32 AA Large
Bright Greencolor10#c5c3d1rgb(197 195 209)hsl(249 13% 79%)oklch(82.3% 0.020 292.5)11.26 AAA
Bright Yellowcolor11#aacdcdrgb(170 205 205)hsl(180 26% 74%)oklch(82.3% 0.037 196.5)11.46 AAA
Bright Bluecolor12#fdfdfdrgb(253 253 253)hsl(0 0% 99%)oklch(99.4% 0.000 0)19.20 AAA
Bright Magentacolor13#c5c3d1rgb(197 195 209)hsl(249 13% 79%)oklch(82.3% 0.020 292.5)11.26 AAA
Bright Cyancolor14#aacdcdrgb(170 205 205)hsl(180 26% 74%)oklch(82.3% 0.037 196.5)11.46 AAA
Bright Whitecolor15#a8a6bargb(168 166 186)hsl(246 13% 69%)oklch(73.3% 0.029 290.3)8.21 AAA

About Friction Contrast

Friction Contrast is a dark terminal color scheme built on a neutral #0c0c0f background with #7e7b99 as the default foreground. Body text reaches a 4.82:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 9.06:1 (minimum 2.97:1).

Its palette is low-saturation, anchored by #ba0e2e red, #8d89a5 green, #c2bed6 blue, and #8d89a5 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 Friction Contrast

Source: Rainglow (MIT)