Skip to content
Tintdex

Gruvbox Material

Gruvbox Material is a dark terminal color scheme with a #1d2021 background and #d4be98 text (9.1:1 contrast)

Get config
Background
#1d2021
Foreground
#d4be98
Text contrast
9.07:1AAA
Accent contrast
7.70:1min 4.06
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
❯

Gruvbox Material configs

16 formats, all from one palette

Gruvbox Material

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

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

palette = 0=#141617
palette = 1=#ea6926
palette = 2=#c1d041
palette = 3=#eecf75
palette = 4=#6da3ec
palette = 5=#fd9bc1
palette = 6=#fe9d6e
palette = 7=#ffffff
palette = 8=#4c4c4c
palette = 9=#d3573b
palette = 10=#c1d041
palette = 11=#eecf75
palette = 12=#2c86ff
palette = 13=#fd9bc1
palette = 14=#92a5df
palette = 15=#ffffff
background = #1d2021
foreground = #d4be98
cursor-color = #ffffff
cursor-text = #000000
selection-background = #2b2c3f
selection-foreground = #7cfb70

Gruvbox Material palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1d2021rgb(29 32 33)hsl(195 6% 12%)oklch(24.1% 0.005 219.7)—
Foregroundforeground#d4be98rgb(212 190 152)hsl(38 41% 71%)oklch(81.1% 0.057 81.2)9.07 AAA
Cursorcursor#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)16.40 AAA
Cursor textcursorText#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.28 Fail
Selectionselection#2b2c3frgb(43 44 63)hsl(237 19% 21%)oklch(30.1% 0.034 281.8)1.20 Fail
Selection textselectionText#7cfb70rgb(124 251 112)hsl(115 95% 71%)oklch(88.6% 0.212 142.0)12.41 AAA
Blackcolor0#141617rgb(20 22 23)hsl(200 7% 8%)oklch(19.8% 0.004 229.0)1.11 Fail
Redcolor1#ea6926rgb(234 105 38)hsl(21 82% 53%)oklch(67.0% 0.177 44.1)5.11 AA
Greencolor2#c1d041rgb(193 208 65)hsl(66 60% 54%)oklch(82.0% 0.163 115.2)9.65 AAA
Yellowcolor3#eecf75rgb(238 207 117)hsl(45 78% 70%)oklch(86.2% 0.115 90.9)10.79 AAA
Bluecolor4#6da3ecrgb(109 163 236)hsl(214 77% 68%)oklch(70.8% 0.122 256.3)6.32 AA
Magentacolor5#fd9bc1rgb(253 155 193)hsl(337 96% 80%)oklch(80.0% 0.125 355.5)8.30 AAA
Cyancolor6#fe9d6ergb(254 157 110)hsl(20 99% 71%)oklch(78.6% 0.132 46.1)8.01 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)16.40 AAA
Bright Blackcolor8#4c4c4crgb(76 76 76)hsl(0 0% 30%)oklch(41.7% 0.000 0)1.91 Fail
Bright Redcolor9#d3573brgb(211 87 59)hsl(11 63% 53%)oklch(61.2% 0.163 34.2)4.06 AA Large
Bright Greencolor10#c1d041rgb(193 208 65)hsl(66 60% 54%)oklch(82.0% 0.163 115.2)9.65 AAA
Bright Yellowcolor11#eecf75rgb(238 207 117)hsl(45 78% 70%)oklch(86.2% 0.115 90.9)10.79 AAA
Bright Bluecolor12#2c86ffrgb(44 134 255)hsl(214 100% 59%)oklch(63.3% 0.199 257.5)4.65 AA
Bright Magentacolor13#fd9bc1rgb(253 155 193)hsl(337 96% 80%)oklch(80.0% 0.125 355.5)8.30 AAA
Bright Cyancolor14#92a5dfrgb(146 165 223)hsl(225 55% 72%)oklch(72.9% 0.087 270.2)6.77 AA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)16.40 AAA

About Gruvbox Material

Gruvbox Material is a dark terminal color scheme built on a neutral #1d2021 background with #d4be98 as the default foreground. Body text reaches a 9.07:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.70:1 (minimum 4.06:1).

Its palette is moderately saturated, anchored by #ea6926 red, #c1d041 green, #6da3ec blue, and #fd9bc1 magenta. Part of the Gruvbox 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 Gruvbox Material

Source: iTerm2 Color Schemes (MIT)