Skip to content
Tintdex

Materia

Materia is a cool, dark terminal color scheme with a #263238 background and #cdd3de text (8.8:1 contrast)

Get config
Background
#263238
Foreground
#cdd3de
Text contrast
8.75:1AAA
Accent contrast
6.93:1min 4.01
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
❯

Materia configs

16 formats, all from one palette

Materia

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

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

palette = 0=#263238
palette = 1=#ec5f67
palette = 2=#8bd649
palette = 3=#ffcc00
palette = 4=#89ddff
palette = 5=#82aaff
palette = 6=#80cbc4
palette = 7=#cdd3de
palette = 8=#707880
palette = 9=#ec5f67
palette = 10=#8bd649
palette = 11=#ffcc00
palette = 12=#89ddff
palette = 13=#82aaff
palette = 14=#80cbc4
palette = 15=#ffffff
background = #263238
foreground = #cdd3de
cursor-color = #cdd3de
cursor-text = #263238
selection-background = #4c565e
selection-foreground = #cdd3de

Materia palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#263238rgb(38 50 56)hsl(200 19% 18%)oklch(30.9% 0.019 229.8)—
Foregroundforeground#cdd3dergb(205 211 222)hsl(219 20% 84%)oklch(86.6% 0.017 262.7)8.75 AAA
Cursorcursor#cdd3dergb(205 211 222)hsl(219 20% 84%)oklch(86.6% 0.017 262.7)8.75 AAA
Cursor textcursorText#263238rgb(38 50 56)hsl(200 19% 18%)oklch(30.9% 0.019 229.8)1.00 Fail
Selectionselection#4c565ergb(76 86 94)hsl(207 11% 33%)oklch(44.7% 0.018 242.1)1.75 Fail
Selection textselectionText#cdd3dergb(205 211 222)hsl(219 20% 84%)oklch(86.6% 0.017 262.7)8.75 AAA
Blackcolor0#263238rgb(38 50 56)hsl(200 19% 18%)oklch(30.9% 0.019 229.8)1.00 Fail
Redcolor1#ec5f67rgb(236 95 103)hsl(357 79% 65%)oklch(66.8% 0.174 19.8)4.01 AA Large
Greencolor2#8bd649rgb(139 214 73)hsl(92 63% 56%)oklch(79.9% 0.188 133.1)7.40 AAA
Yellowcolor3#ffcc00rgb(255 204 0)hsl(48 100% 50%)oklch(86.5% 0.177 90.4)8.70 AAA
Bluecolor4#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)8.68 AAA
Magentacolor5#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)5.73 AA
Cyancolor6#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)7.05 AAA
Whitecolor7#cdd3dergb(205 211 222)hsl(219 20% 84%)oklch(86.6% 0.017 262.7)8.75 AAA
Bright Blackcolor8#707880rgb(112 120 128)hsl(210 7% 47%)oklch(56.9% 0.016 248.1)2.94 Fail
Bright Redcolor9#ec5f67rgb(236 95 103)hsl(357 79% 65%)oklch(66.8% 0.174 19.8)4.01 AA Large
Bright Greencolor10#8bd649rgb(139 214 73)hsl(92 63% 56%)oklch(79.9% 0.188 133.1)7.40 AAA
Bright Yellowcolor11#ffcc00rgb(255 204 0)hsl(48 100% 50%)oklch(86.5% 0.177 90.4)8.70 AAA
Bright Bluecolor12#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)8.68 AAA
Bright Magentacolor13#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)5.73 AA
Bright Cyancolor14#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)7.05 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)13.16 AAA

About Materia

Materia is a dark terminal color scheme built on a cool-tinted #263238 background with #cdd3de as the default foreground. Body text reaches a 8.75:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.93:1 (minimum 4.01:1).

Its palette is moderately saturated, anchored by #ec5f67 red, #8bd649 green, #89ddff blue, and #82aaff 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 Materia

Source: Gogh (MIT OR Apache-2.0)