Skip to content
Tintdex

Material Lighter

Material Lighter is a soft, light terminal color scheme with a #fafafa background and #80cbc4 text (1.8:1 contrast)

Get config
Background
#fafafa
Foreground
#80cbc4
Text contrast
1.79:1Fail
Accent contrast
2.96:1min 1.68
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 Lighter configs

16 formats, all from one palette

Material Lighter

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

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

palette = 0=#fafafa
palette = 1=#ff5370
palette = 2=#91b859
palette = 3=#ffb62c
palette = 4=#6182b8
palette = 5=#7c4dff
palette = 6=#39adb5
palette = 7=#80cbc4
palette = 8=#ccd7da
palette = 9=#ff5370
palette = 10=#91b859
palette = 11=#ffb62c
palette = 12=#6182b8
palette = 13=#7c4dff
palette = 14=#39adb5
palette = 15=#000000
background = #fafafa
foreground = #80cbc4
cursor-color = #80cbc4
cursor-text = #fafafa
selection-background = #ddeeec
selection-foreground = #80cbc4

Material Lighter palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fafafargb(250 250 250)hsl(0 0% 98%)oklch(98.5% 0.000 0)—
Foregroundforeground#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)1.79 Fail
Cursorcursor#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)1.79 Fail
Cursor textcursorText#fafafargb(250 250 250)hsl(0 0% 98%)oklch(98.5% 0.000 0)1.00 Fail
Selectionselection#ddeeecrgb(221 238 236)hsl(173 33% 90%)oklch(93.6% 0.018 188.4)1.15 Fail
Selection textselectionText#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)1.79 Fail
Blackcolor0#fafafargb(250 250 250)hsl(0 0% 98%)oklch(98.5% 0.000 0)1.00 Fail
Redcolor1#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)2.99 Fail
Greencolor2#91b859rgb(145 184 89)hsl(85 40% 54%)oklch(73.3% 0.131 127.8)2.19 Fail
Yellowcolor3#ffb62crgb(255 182 44)hsl(39 100% 59%)oklch(82.5% 0.161 77.4)1.68 Fail
Bluecolor4#6182b8rgb(97 130 184)hsl(217 38% 55%)oklch(60.4% 0.091 260.0)3.73 AA Large
Magentacolor5#7c4dffrgb(124 77 255)hsl(256 100% 65%)oklch(57.9% 0.247 288.2)4.61 AA
Cyancolor6#39adb5rgb(57 173 181)hsl(184 52% 47%)oklch(68.8% 0.101 201.7)2.57 Fail
Whitecolor7#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)1.79 Fail
Bright Blackcolor8#ccd7dargb(204 215 218)hsl(193 16% 83%)oklch(87.2% 0.013 215.8)1.41 Fail
Bright Redcolor9#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)2.99 Fail
Bright Greencolor10#91b859rgb(145 184 89)hsl(85 40% 54%)oklch(73.3% 0.131 127.8)2.19 Fail
Bright Yellowcolor11#ffb62crgb(255 182 44)hsl(39 100% 59%)oklch(82.5% 0.161 77.4)1.68 Fail
Bright Bluecolor12#6182b8rgb(97 130 184)hsl(217 38% 55%)oklch(60.4% 0.091 260.0)3.73 AA Large
Bright Magentacolor13#7c4dffrgb(124 77 255)hsl(256 100% 65%)oklch(57.9% 0.247 288.2)4.61 AA
Bright Cyancolor14#39adb5rgb(57 173 181)hsl(184 52% 47%)oklch(68.8% 0.101 201.7)2.57 Fail
Bright Whitecolor15#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)20.12 AAA

About Material Lighter

Material Lighter is a light terminal color scheme built on a neutral #fafafa background with #80cbc4 as the default foreground. Body text reaches a 1.79:1 WCAG contrast ratio (below AA), while the 12 ANSI accent colors average 2.96:1 (minimum 1.68:1).

Its palette is moderately saturated, anchored by #ff5370 red, #91b859 green, #6182b8 blue, and #7c4dff 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 Lighter

Source: Gogh (MIT OR Apache-2.0)