Skip to content
Tintdex

Gruvbox Material Dark

Gruvbox Material Dark is a dark terminal color scheme with a #282828 background and #d4be98 text (8.2:1 contrast)

Get config
Background
#282828
Foreground
#d4be98
Text contrast
8.16:1AAA
Accent contrast
5.94:1min 4.70
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 Dark configs

16 formats, all from one palette

Gruvbox Material Dark

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

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

palette = 0=#282828
palette = 1=#ea6962
palette = 2=#a9b665
palette = 3=#d8a657
palette = 4=#7daea3
palette = 5=#d3869b
palette = 6=#89b482
palette = 7=#d4be98
palette = 8=#7c6f64
palette = 9=#ea6962
palette = 10=#a9b665
palette = 11=#d8a657
palette = 12=#7daea3
palette = 13=#d3869b
palette = 14=#89b482
palette = 15=#ddc7a1
background = #282828
foreground = #d4be98
cursor-color = #d4be98
cursor-text = #282828
selection-background = #d4be98
selection-foreground = #282828

Gruvbox Material Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)—
Foregroundforeground#d4be98rgb(212 190 152)hsl(38 41% 71%)oklch(81.1% 0.057 81.2)8.16 AAA
Cursorcursor#d4be98rgb(212 190 152)hsl(38 41% 71%)oklch(81.1% 0.057 81.2)8.16 AAA
Cursor textcursorText#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)1.00 Fail
Selectionselection#d4be98rgb(212 190 152)hsl(38 41% 71%)oklch(81.1% 0.057 81.2)8.16 AAA
Selection textselectionText#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)1.00 Fail
Blackcolor0#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)1.00 Fail
Redcolor1#ea6962rgb(234 105 98)hsl(3 76% 65%)oklch(67.7% 0.161 25.4)4.70 AA
Greencolor2#a9b665rgb(169 182 101)hsl(70 36% 55%)oklch(74.8% 0.107 116.5)6.72 AA
Yellowcolor3#d8a657rgb(216 166 87)hsl(37 62% 59%)oklch(75.6% 0.113 77.0)6.68 AA
Bluecolor4#7daea3rgb(125 174 163)hsl(167 23% 59%)oklch(71.3% 0.055 179.2)5.94 AA
Magentacolor5#d3869brgb(211 134 155)hsl(344 47% 68%)oklch(70.5% 0.098 2.2)5.37 AA
Cyancolor6#89b482rgb(137 180 130)hsl(112 25% 61%)oklch(72.6% 0.085 141.1)6.26 AA
Whitecolor7#d4be98rgb(212 190 152)hsl(38 41% 71%)oklch(81.1% 0.057 81.2)8.16 AAA
Bright Blackcolor8#7c6f64rgb(124 111 100)hsl(28 11% 44%)oklch(55.0% 0.023 62.6)3.03 AA Large
Bright Redcolor9#ea6962rgb(234 105 98)hsl(3 76% 65%)oklch(67.7% 0.161 25.4)4.70 AA
Bright Greencolor10#a9b665rgb(169 182 101)hsl(70 36% 55%)oklch(74.8% 0.107 116.5)6.72 AA
Bright Yellowcolor11#d8a657rgb(216 166 87)hsl(37 62% 59%)oklch(75.6% 0.113 77.0)6.68 AA
Bright Bluecolor12#7daea3rgb(125 174 163)hsl(167 23% 59%)oklch(71.3% 0.055 179.2)5.94 AA
Bright Magentacolor13#d3869brgb(211 134 155)hsl(344 47% 68%)oklch(70.5% 0.098 2.2)5.37 AA
Bright Cyancolor14#89b482rgb(137 180 130)hsl(112 25% 61%)oklch(72.6% 0.085 141.1)6.26 AA
Bright Whitecolor15#ddc7a1rgb(221 199 161)hsl(38 47% 75%)oklch(83.9% 0.056 81.3)8.96 AAA

About Gruvbox Material Dark

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

Its palette is moderately saturated, anchored by #ea6962 red, #a9b665 green, #7daea3 blue, and #d3869b 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 Dark

Source: iTerm2 Color Schemes (MIT)