Skip to content
Tintdex

Gruvbox Material Light

Gruvbox Material Light is a warm, light terminal color scheme with a #fbf1c7 background and #654735 text (7.4:1 contrast)

Get config
Background
#fbf1c7
Foreground
#654735
Text contrast
7.39:1AAA
Accent contrast
4.26:1min 3.49
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 Light configs

16 formats, all from one palette

Gruvbox Material Light

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

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

palette = 0=#fbf1c7
palette = 1=#c14a4a
palette = 2=#6c782e
palette = 3=#b47109
palette = 4=#45707a
palette = 5=#945e80
palette = 6=#4c7a5d
palette = 7=#654735
palette = 8=#a89984
palette = 9=#c14a4a
palette = 10=#6c782e
palette = 11=#b47109
palette = 12=#45707a
palette = 13=#945e80
palette = 14=#4c7a5d
palette = 15=#4f3829
background = #fbf1c7
foreground = #654735
cursor-color = #654735
cursor-text = #fbf1c7
selection-background = #654735
selection-foreground = #fbf1c7

Gruvbox Material Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fbf1c7rgb(251 241 199)hsl(48 87% 88%)oklch(95.6% 0.055 96.2)—
Foregroundforeground#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.39 AAA
Cursorcursor#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.39 AAA
Cursor textcursorText#fbf1c7rgb(251 241 199)hsl(48 87% 88%)oklch(95.6% 0.055 96.2)1.00 Fail
Selectionselection#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.39 AAA
Selection textselectionText#fbf1c7rgb(251 241 199)hsl(48 87% 88%)oklch(95.6% 0.055 96.2)1.00 Fail
Blackcolor0#fbf1c7rgb(251 241 199)hsl(48 87% 88%)oklch(95.6% 0.055 96.2)1.00 Fail
Redcolor1#c14a4argb(193 74 74)hsl(0 49% 52%)oklch(56.9% 0.153 23.3)4.26 AA Large
Greencolor2#6c782ergb(108 120 46)hsl(70 45% 33%)oklch(54.7% 0.099 117.6)4.24 AA Large
Yellowcolor3#b47109rgb(180 113 9)hsl(36 90% 37%)oklch(60.7% 0.130 68.5)3.49 AA Large
Bluecolor4#45707argb(69 112 122)hsl(191 28% 37%)oklch(51.8% 0.050 214.1)4.81 AA
Magentacolor5#945e80rgb(148 94 128)hsl(322 22% 47%)oklch(55.2% 0.084 341.9)4.44 AA Large
Cyancolor6#4c7a5drgb(76 122 93)hsl(142 23% 39%)oklch(53.8% 0.068 155.7)4.36 AA Large
Whitecolor7#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.39 AAA
Bright Blackcolor8#a89984rgb(168 153 132)hsl(35 17% 59%)oklch(69.0% 0.035 76.3)2.45 Fail
Bright Redcolor9#c14a4argb(193 74 74)hsl(0 49% 52%)oklch(56.9% 0.153 23.3)4.26 AA Large
Bright Greencolor10#6c782ergb(108 120 46)hsl(70 45% 33%)oklch(54.7% 0.099 117.6)4.24 AA Large
Bright Yellowcolor11#b47109rgb(180 113 9)hsl(36 90% 37%)oklch(60.7% 0.130 68.5)3.49 AA Large
Bright Bluecolor12#45707argb(69 112 122)hsl(191 28% 37%)oklch(51.8% 0.050 214.1)4.81 AA
Bright Magentacolor13#945e80rgb(148 94 128)hsl(322 22% 47%)oklch(55.2% 0.084 341.9)4.44 AA Large
Bright Cyancolor14#4c7a5drgb(76 122 93)hsl(142 23% 39%)oklch(53.8% 0.068 155.7)4.36 AA Large
Bright Whitecolor15#4f3829rgb(79 56 41)hsl(24 32% 24%)oklch(36.3% 0.041 54.1)9.59 AAA

About Gruvbox Material Light

Gruvbox Material Light is a light terminal color scheme built on a warm-tinted #fbf1c7 background with #654735 as the default foreground. Body text reaches a 7.39:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 4.26:1 (minimum 3.49:1).

Its palette is moderately saturated, anchored by #c14a4a red, #6c782e green, #45707a blue, and #945e80 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 Light

Source: iTerm2 Color Schemes (MIT)