Skip to content
Tintdex

Material Vivid

Material Vivid is a soft, vibrant, dark terminal color scheme with a #202124 background and #80868b text (4.4:1 contrast)

Get config
Background
#202124
Foreground
#80868b
Text contrast
4.37:1AA Large
Accent contrast
6.93:1min 2.20
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 Vivid configs

16 formats, all from one palette

Material Vivid

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

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

palette = 0=#202124
palette = 1=#f44336
palette = 2=#00e676
palette = 3=#ffeb3b
palette = 4=#2196f3
palette = 5=#673ab7
palette = 6=#00bcd4
palette = 7=#80868b
palette = 8=#44464d
palette = 9=#f44336
palette = 10=#00e676
palette = 11=#ffeb3b
palette = 12=#2196f3
palette = 13=#673ab7
palette = 14=#00bcd4
palette = 15=#ffffff
background = #202124
foreground = #80868b
cursor-color = #80868b
cursor-text = #202124
selection-background = #36383c
selection-foreground = #80868b

Material Vivid palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#202124rgb(32 33 36)hsl(225 6% 13%)oklch(24.8% 0.006 271.2)—
Foregroundforeground#80868brgb(128 134 139)hsl(207 5% 52%)oklch(61.7% 0.010 242.9)4.37 AA Large
Cursorcursor#80868brgb(128 134 139)hsl(207 5% 52%)oklch(61.7% 0.010 242.9)4.37 AA Large
Cursor textcursorText#202124rgb(32 33 36)hsl(225 6% 13%)oklch(24.8% 0.006 271.2)1.00 Fail
Selectionselection#36383crgb(54 56 60)hsl(220 5% 22%)oklch(34.0% 0.007 264.5)1.37 Fail
Selection textselectionText#80868brgb(128 134 139)hsl(207 5% 52%)oklch(61.7% 0.010 242.9)4.37 AA Large
Blackcolor0#202124rgb(32 33 36)hsl(225 6% 13%)oklch(24.8% 0.006 271.2)1.00 Fail
Redcolor1#f44336rgb(244 67 54)hsl(4 90% 58%)oklch(64.3% 0.215 28.8)4.37 AA Large
Greencolor2#00e676rgb(0 230 118)hsl(151 100% 45%)oklch(81.0% 0.214 151.8)9.64 AAA
Yellowcolor3#ffeb3brgb(255 235 59)hsl(54 100% 62%)oklch(92.8% 0.180 102.5)13.18 AAA
Bluecolor4#2196f3rgb(33 150 243)hsl(207 90% 54%)oklch(65.8% 0.169 248.8)5.15 AA
Magentacolor5#673ab7rgb(103 58 183)hsl(262 52% 47%)oklch(47.4% 0.186 294.8)2.20 Fail
Cyancolor6#00bcd4rgb(0 188 212)hsl(187 100% 42%)oklch(72.9% 0.126 210.8)7.01 AAA
Whitecolor7#80868brgb(128 134 139)hsl(207 5% 52%)oklch(61.7% 0.010 242.9)4.37 AA Large
Bright Blackcolor8#44464drgb(68 70 77)hsl(227 6% 28%)oklch(39.5% 0.012 273.1)1.71 Fail
Bright Redcolor9#f44336rgb(244 67 54)hsl(4 90% 58%)oklch(64.3% 0.215 28.8)4.37 AA Large
Bright Greencolor10#00e676rgb(0 230 118)hsl(151 100% 45%)oklch(81.0% 0.214 151.8)9.64 AAA
Bright Yellowcolor11#ffeb3brgb(255 235 59)hsl(54 100% 62%)oklch(92.8% 0.180 102.5)13.18 AAA
Bright Bluecolor12#2196f3rgb(33 150 243)hsl(207 90% 54%)oklch(65.8% 0.169 248.8)5.15 AA
Bright Magentacolor13#673ab7rgb(103 58 183)hsl(262 52% 47%)oklch(47.4% 0.186 294.8)2.20 Fail
Bright Cyancolor14#00bcd4rgb(0 188 212)hsl(187 100% 42%)oklch(72.9% 0.126 210.8)7.01 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)16.10 AAA

About Material Vivid

Material Vivid is a dark terminal color scheme built on a neutral #202124 background with #80868b as the default foreground. Body text reaches a 4.37:1 WCAG contrast ratio (AA Large), while the 12 ANSI accent colors average 6.93:1 (minimum 2.20:1).

Its palette is highly saturated, anchored by #f44336 red, #00e676 green, #2196f3 blue, and #673ab7 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 Vivid

Source: Gogh (MIT OR Apache-2.0)