Skip to content
Tintdex

Gruvbox Material Hard Light

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

Get config
Background
#f9f5d7
Foreground
#654735
Text contrast
7.61:1AAA
Accent contrast
4.39:1min 3.59
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 Hard Light configs

16 formats, all from one palette

Gruvbox Material Hard Light

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

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

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

Gruvbox Material Hard Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#f9f5d7rgb(249 245 215)hsl(53 74% 91%)oklch(96.5% 0.039 100.9)—
Foregroundforeground#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.61 AAA
Cursorcursor#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.61 AAA
Cursor textcursorText#f9f5d7rgb(249 245 215)hsl(53 74% 91%)oklch(96.5% 0.039 100.9)1.00 Fail
Selectionselection#d2c6abrgb(210 198 171)hsl(42 30% 75%)oklch(82.9% 0.039 86.9)1.54 Fail
Selection textselectionText#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.61 AAA
Blackcolor0#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.61 AAA
Redcolor1#c14a4argb(193 74 74)hsl(0 49% 52%)oklch(56.9% 0.153 23.3)4.39 AA Large
Greencolor2#6c782ergb(108 120 46)hsl(70 45% 33%)oklch(54.7% 0.099 117.6)4.37 AA Large
Yellowcolor3#b47109rgb(180 113 9)hsl(36 90% 37%)oklch(60.7% 0.130 68.5)3.59 AA Large
Bluecolor4#45707argb(69 112 122)hsl(191 28% 37%)oklch(51.8% 0.050 214.1)4.95 AA
Magentacolor5#945e80rgb(148 94 128)hsl(322 22% 47%)oklch(55.2% 0.084 341.9)4.57 AA
Cyancolor6#4c7a5drgb(76 122 93)hsl(142 23% 39%)oklch(53.8% 0.068 155.7)4.49 AA Large
Whitecolor7#f2e5bcrgb(242 229 188)hsl(46 67% 84%)oklch(92.2% 0.055 92.5)1.14 Fail
Bright Blackcolor8#654735rgb(101 71 53)hsl(23 31% 30%)oklch(42.6% 0.050 51.9)7.61 AAA
Bright Redcolor9#c14a4argb(193 74 74)hsl(0 49% 52%)oklch(56.9% 0.153 23.3)4.39 AA Large
Bright Greencolor10#6c782ergb(108 120 46)hsl(70 45% 33%)oklch(54.7% 0.099 117.6)4.37 AA Large
Bright Yellowcolor11#b47109rgb(180 113 9)hsl(36 90% 37%)oklch(60.7% 0.130 68.5)3.59 AA Large
Bright Bluecolor12#45707argb(69 112 122)hsl(191 28% 37%)oklch(51.8% 0.050 214.1)4.95 AA
Bright Magentacolor13#945e80rgb(148 94 128)hsl(322 22% 47%)oklch(55.2% 0.084 341.9)4.57 AA
Bright Cyancolor14#4c7a5drgb(76 122 93)hsl(142 23% 39%)oklch(53.8% 0.068 155.7)4.49 AA Large
Bright Whitecolor15#f2e5bcrgb(242 229 188)hsl(46 67% 84%)oklch(92.2% 0.055 92.5)1.14 Fail

About Gruvbox Material Hard Light

Gruvbox Material Hard Light is a light terminal color scheme built on a warm-tinted #f9f5d7 background with #654735 as the default foreground. Body text reaches a 7.61:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 4.39:1 (minimum 3.59: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 Hard Light

Source: Alacritty Theme (Apache-2.0)