Skip to content
Tintdex

Material Dark

Material Dark is a dark terminal color scheme with a #232322 background and #e5e5e5 text (12.5:1 contrast)

Get config
Background
#232322
Foreground
#e5e5e5
Text contrast
12.49:1AAA
Accent contrast
4.84:1min 1.31
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
❯

Material Dark configs

16 formats, all from one palette

Material Dark

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

More Ghostty themes
Raw file
# Theme: Material Dark (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/material-dark?format=ghostty

palette = 0=#212121
palette = 1=#b7141f
palette = 2=#457b24
palette = 3=#f6981e
palette = 4=#134eb2
palette = 5=#560088
palette = 6=#0e717c
palette = 7=#efefef
palette = 8=#424242
palette = 9=#e83b3f
palette = 10=#7aba3a
palette = 11=#ffea2e
palette = 12=#54a4f3
palette = 13=#aa4dbc
palette = 14=#26bbd1
palette = 15=#d9d9d9
background = #232322
foreground = #e5e5e5
cursor-color = #16afca
cursor-text = #dfdfdf
selection-background = #dfdfdf
selection-foreground = #3d3d3d

Material Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#232322rgb(35 35 34)hsl(60 1% 14%)oklch(25.6% 0.002 106.5)—
Foregroundforeground#e5e5e5rgb(229 229 229)hsl(0 0% 90%)oklch(92.2% 0.000 0)12.49 AAA
Cursorcursor#16afcargb(22 175 202)hsl(189 80% 44%)oklch(69.5% 0.119 214.3)6.01 AA
Cursor textcursorText#dfdfdfrgb(223 223 223)hsl(0 0% 87%)oklch(90.4% 0.000 0)11.80 AAA
Selectionselection#dfdfdfrgb(223 223 223)hsl(0 0% 87%)oklch(90.4% 0.000 0)11.80 AAA
Selection textselectionText#3d3d3drgb(61 61 61)hsl(0 0% 24%)oklch(36.0% 0.000 0)1.45 Fail
Blackcolor0#212121rgb(33 33 33)hsl(0 0% 13%)oklch(24.8% 0.000 0)1.02 Fail
Redcolor1#b7141frgb(183 20 31)hsl(356 80% 40%)oklch(49.8% 0.192 25.8)2.35 Fail
Greencolor2#457b24rgb(69 123 36)hsl(97 55% 31%)oklch(52.6% 0.132 135.9)3.08 AA Large
Yellowcolor3#f6981ergb(246 152 30)hsl(34 92% 54%)oklch(76.0% 0.163 65.2)7.06 AAA
Bluecolor4#134eb2rgb(19 78 178)hsl(218 81% 39%)oklch(45.2% 0.170 260.7)2.07 Fail
Magentacolor5#560088rgb(86 0 136)hsl(278 100% 27%)oklch(36.1% 0.187 305.7)1.31 Fail
Cyancolor6#0e717crgb(14 113 124)hsl(186 80% 27%)oklch(50.3% 0.083 207.1)2.75 Fail
Whitecolor7#efefefrgb(239 239 239)hsl(0 0% 94%)oklch(95.2% 0.000 0)13.68 AAA
Bright Blackcolor8#424242rgb(66 66 66)hsl(0 0% 26%)oklch(37.9% 0.000 0)1.57 Fail
Bright Redcolor9#e83b3frgb(232 59 63)hsl(359 79% 57%)oklch(61.6% 0.209 24.8)3.84 AA Large
Bright Greencolor10#7aba3argb(122 186 58)hsl(90 52% 48%)oklch(72.0% 0.171 132.3)6.68 AA
Bright Yellowcolor11#ffea2ergb(255 234 46)hsl(54 100% 59%)oklch(92.6% 0.185 102.4)12.78 AAA
Bright Bluecolor12#54a4f3rgb(84 164 243)hsl(210 87% 64%)oklch(70.3% 0.141 250.2)5.98 AA
Bright Magentacolor13#aa4dbcrgb(170 77 188)hsl(290 45% 52%)oklch(58.2% 0.185 320.9)3.37 AA Large
Bright Cyancolor14#26bbd1rgb(38 187 209)hsl(188 69% 48%)oklch(72.9% 0.119 210.4)6.83 AA
Bright Whitecolor15#d9d9d9rgb(217 217 217)hsl(0 0% 85%)oklch(88.5% 0.000 0)11.14 AAA

About Material Dark

Material Dark is a dark terminal color scheme built on a neutral #232322 background with #e5e5e5 as the default foreground. Body text reaches a 12.49:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 4.84:1 (minimum 1.31:1).

Its palette is moderately saturated, anchored by #b7141f red, #457b24 green, #134eb2 blue, and #560088 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 Material Dark

Source: iTerm2 Color Schemes (MIT)