Skip to content
Tintdex

MaterialDark

MaterialDark is a dark terminal color scheme with a #222221 background and #e4e4e4 text (12.5:1 contrast)

Get config
Background
#222221
Foreground
#e4e4e4
Text contrast
12.52:1AAA
Accent contrast
4.87:1min 1.32
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
❯

MaterialDark configs

16 formats, all from one palette

MaterialDark

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

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

palette = 0=#212121
palette = 1=#b7141e
palette = 2=#457b23
palette = 3=#f5971d
palette = 4=#134eb2
palette = 5=#550087
palette = 6=#0e707c
palette = 7=#eeeeee
palette = 8=#424242
palette = 9=#e83a3f
palette = 10=#7aba39
palette = 11=#fee92e
palette = 12=#53a4f3
palette = 13=#a94dbb
palette = 14=#26bad1
palette = 15=#d8d8d8
background = #222221
foreground = #e4e4e4
cursor-color = #16aec9
cursor-text = #222221
selection-background = #dedede
selection-foreground = #222221

MaterialDark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#222221rgb(34 34 33)hsl(60 1% 13%)oklch(25.2% 0.002 106.5)—
Foregroundforeground#e4e4e4rgb(228 228 228)hsl(0 0% 89%)oklch(91.9% 0.000 0)12.52 AAA
Cursorcursor#16aec9rgb(22 174 201)hsl(189 80% 44%)oklch(69.2% 0.119 214.4)6.01 AA
Cursor textcursorText#222221rgb(34 34 33)hsl(60 1% 13%)oklch(25.2% 0.002 106.5)1.00 Fail
Selectionselection#dededergb(222 222 222)hsl(0 0% 87%)oklch(90.1% 0.000 0)11.84 AAA
Selection textselectionText#222221rgb(34 34 33)hsl(60 1% 13%)oklch(25.2% 0.002 106.5)1.00 Fail
Blackcolor0#212121rgb(33 33 33)hsl(0 0% 13%)oklch(24.8% 0.000 0)1.01 Fail
Redcolor1#b7141ergb(183 20 30)hsl(356 80% 40%)oklch(49.8% 0.192 26.0)2.38 Fail
Greencolor2#457b23rgb(69 123 35)hsl(97 56% 31%)oklch(52.6% 0.133 135.7)3.12 AA Large
Yellowcolor3#f5971drgb(245 151 29)hsl(34 92% 54%)oklch(75.7% 0.163 65.1)7.07 AAA
Bluecolor4#134eb2rgb(19 78 178)hsl(218 81% 39%)oklch(45.2% 0.170 260.7)2.09 Fail
Magentacolor5#550087rgb(85 0 135)hsl(278 100% 26%)oklch(35.8% 0.186 305.5)1.32 Fail
Cyancolor6#0e707crgb(14 112 124)hsl(187 80% 27%)oklch(50.0% 0.083 208.3)2.75 Fail
Whitecolor7#eeeeeergb(238 238 238)hsl(0 0% 93%)oklch(94.9% 0.000 0)13.72 AAA
Bright Blackcolor8#424242rgb(66 66 66)hsl(0 0% 26%)oklch(37.9% 0.000 0)1.58 Fail
Bright Redcolor9#e83a3frgb(232 58 63)hsl(358 79% 57%)oklch(61.5% 0.210 24.6)3.87 AA Large
Bright Greencolor10#7aba39rgb(122 186 57)hsl(90 53% 48%)oklch(72.0% 0.172 132.2)6.76 AA
Bright Yellowcolor11#fee92ergb(254 233 46)hsl(54 99% 59%)oklch(92.3% 0.184 102.4)12.82 AAA
Bright Bluecolor12#53a4f3rgb(83 164 243)hsl(210 87% 64%)oklch(70.3% 0.141 250.0)6.05 AA
Bright Magentacolor13#a94dbbrgb(169 77 187)hsl(290 45% 52%)oklch(58.0% 0.183 320.8)3.39 AA Large
Bright Cyancolor14#26bad1rgb(38 186 209)hsl(188 69% 48%)oklch(72.6% 0.119 211.2)6.84 AA
Bright Whitecolor15#d8d8d8rgb(216 216 216)hsl(0 0% 85%)oklch(88.2% 0.000 0)11.17 AAA

About MaterialDark

MaterialDark is a dark terminal color scheme built on a neutral #222221 background with #e4e4e4 as the default foreground. Body text reaches a 12.52:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 4.87:1 (minimum 1.32:1).

Its palette is moderately saturated, anchored by #b7141e red, #457b23 green, #134eb2 blue, and #550087 magenta. Part of the Material theme family.

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 MaterialDark

Source: Kitty Themes (MIT)