Skip to content
Tintdex

Material Theme

Material Theme is a cool, dark terminal color scheme with a #1e282d background and #c4c7d1 text (8.9:1 contrast)

Get config
Background
#1e282d
Foreground
#c4c7d1
Text contrast
8.91:1AAA
Accent contrast
7.60:1min 1.48
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 Theme configs

16 formats, all from one palette

Material Theme

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

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

palette = 0=#666666
palette = 1=#eb606b
palette = 2=#c3e88d
palette = 3=#f7eb95
palette = 4=#80cbc4
palette = 5=#ff2f90
palette = 6=#aeddff
palette = 7=#ffffff
palette = 8=#ff262b
palette = 9=#eb606b
palette = 10=#c3e88d
palette = 11=#f7eb95
palette = 12=#7dc6bf
palette = 13=#6c71c4
palette = 14=#35434d
palette = 15=#ffffff
background = #1e282d
foreground = #c4c7d1
cursor-color = #c4c7d1
cursor-text = #1e282d
selection-background = #434c52
selection-foreground = #c4c7d1

Material Theme palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1e282drgb(30 40 45)hsl(200 20% 15%)oklch(27.0% 0.017 229.8)—
Foregroundforeground#c4c7d1rgb(196 199 209)hsl(226 12% 79%)oklch(83.0% 0.014 272.7)8.91 AAA
Cursorcursor#c4c7d1rgb(196 199 209)hsl(226 12% 79%)oklch(83.0% 0.014 272.7)8.91 AAA
Cursor textcursorText#1e282drgb(30 40 45)hsl(200 20% 15%)oklch(27.0% 0.017 229.8)1.00 Fail
Selectionselection#434c52rgb(67 76 82)hsl(204 10% 29%)oklch(41.1% 0.015 237.0)1.71 Fail
Selection textselectionText#c4c7d1rgb(196 199 209)hsl(226 12% 79%)oklch(83.0% 0.014 272.7)8.91 AAA
Blackcolor0#666666rgb(102 102 102)hsl(0 0% 40%)oklch(51.0% 0.000 0)2.62 Fail
Redcolor1#eb606brgb(235 96 107)hsl(355 78% 65%)oklch(66.8% 0.172 18.3)4.60 AA
Greencolor2#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)10.92 AAA
Yellowcolor3#f7eb95rgb(247 235 149)hsl(53 86% 78%)oklch(93.1% 0.107 101.3)12.37 AAA
Bluecolor4#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)8.06 AAA
Magentacolor5#ff2f90rgb(255 47 144)hsl(332 100% 59%)oklch(66.5% 0.246 359.1)4.34 AA Large
Cyancolor6#aeddffrgb(174 221 255)hsl(205 100% 84%)oklch(87.6% 0.068 240.0)10.44 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.04 AAA
Bright Blackcolor8#ff262brgb(255 38 43)hsl(359 100% 57%)oklch(64.1% 0.245 27.0)3.98 AA Large
Bright Redcolor9#eb606brgb(235 96 107)hsl(355 78% 65%)oklch(66.8% 0.172 18.3)4.60 AA
Bright Greencolor10#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)10.92 AAA
Bright Yellowcolor11#f7eb95rgb(247 235 149)hsl(53 86% 78%)oklch(93.1% 0.107 101.3)12.37 AAA
Bright Bluecolor12#7dc6bfrgb(125 198 191)hsl(174 39% 63%)oklch(77.7% 0.074 188.0)7.66 AAA
Bright Magentacolor13#6c71c4rgb(108 113 196)hsl(237 43% 60%)oklch(58.2% 0.126 279.1)3.43 AA Large
Bright Cyancolor14#35434drgb(53 67 77)hsl(205 18% 25%)oklch(37.5% 0.025 239.4)1.48 Fail
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.04 AAA

About Material Theme

Material Theme is a dark terminal color scheme built on a cool-tinted #1e282d background with #c4c7d1 as the default foreground. Body text reaches a 8.91:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.60:1 (minimum 1.48:1).

Its palette is moderately saturated, anchored by #eb606b red, #c3e88d green, #80cbc4 blue, and #ff2f90 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 Theme

Source: Gogh (MIT OR Apache-2.0)