Skip to content

Elemental

Elemental is a soft, dark terminal color scheme with a #22211d background and #807a74 text (3.8:1 contrast)

Get config
Background
#22211d
Foreground
#807a74
Text contrast
3.80:1AA Large
Accent contrast
5.23:1min 2.04
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
❯

Elemental configs

16 formats, all from one palette

Elemental

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

More Ghostty themes
Raw file
# Theme: Elemental (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/elemental?format=ghostty

palette = 0=#3c3c30
palette = 1=#98290f
palette = 2=#479a43
palette = 3=#7f7111
palette = 4=#497f7d
palette = 5=#7f4e2f
palette = 6=#387f58
palette = 7=#807974
palette = 8=#555445
palette = 9=#e0502a
palette = 10=#61e070
palette = 11=#d69927
palette = 12=#79d9d9
palette = 13=#cd7c54
palette = 14=#59d599
palette = 15=#fff1e9
background = #22211d
foreground = #807a74
cursor-color = #facb80
cursor-text = #161611
selection-background = #413829
selection-foreground = #facd77

Elemental palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#22211drgb(34 33 29)hsl(48 8% 12%)oklch(24.7% 0.008 95.4)—
Foregroundforeground#807a74rgb(128 122 116)hsl(30 5% 48%)oklch(58.3% 0.012 67.6)3.80 AA Large
Cursorcursor#facb80rgb(250 203 128)hsl(37 92% 74%)oklch(86.7% 0.107 78.3)10.68 AAA
Cursor textcursorText#161611rgb(22 22 17)hsl(60 13% 8%)oklch(19.8% 0.010 107.2)1.13 Fail
Selectionselection#413829rgb(65 56 41)hsl(38 23% 21%)oklch(34.6% 0.028 80.3)1.40 Fail
Selection textselectionText#facd77rgb(250 205 119)hsl(39 93% 72%)oklch(87.0% 0.116 82.4)10.79 AAA
Blackcolor0#3c3c30rgb(60 60 48)hsl(60 11% 21%)oklch(35.2% 0.020 107.4)1.44 Fail
Redcolor1#98290frgb(152 41 15)hsl(11 82% 33%)oklch(45.3% 0.151 33.9)2.04 Fail
Greencolor2#479a43rgb(71 154 67)hsl(117 39% 43%)oklch(61.4% 0.148 142.7)4.58 AA
Yellowcolor3#7f7111rgb(127 113 17)hsl(52 76% 28%)oklch(54.5% 0.108 100.2)3.28 AA Large
Bluecolor4#497f7drgb(73 127 125)hsl(178 27% 39%)oklch(55.9% 0.058 192.6)3.54 AA Large
Magentacolor5#7f4e2frgb(127 78 47)hsl(23 46% 34%)oklch(47.3% 0.080 52.0)2.33 Fail
Cyancolor6#387f58rgb(56 127 88)hsl(147 39% 36%)oklch(54.0% 0.095 157.0)3.33 AA Large
Whitecolor7#807974rgb(128 121 116)hsl(25 5% 48%)oklch(58.1% 0.011 58.1)3.76 AA Large
Bright Blackcolor8#555445rgb(85 84 69)hsl(56 10% 30%)oklch(44.2% 0.024 104.2)2.10 Fail
Bright Redcolor9#e0502argb(224 80 42)hsl(13 75% 52%)oklch(62.2% 0.187 35.4)4.11 AA Large
Bright Greencolor10#61e070rgb(97 224 112)hsl(127 67% 63%)oklch(81.0% 0.190 145.8)9.52 AAA
Bright Yellowcolor11#d69927rgb(214 153 39)hsl(39 69% 50%)oklch(72.4% 0.140 77.5)6.48 AA
Bright Bluecolor12#79d9d9rgb(121 217 217)hsl(180 56% 66%)oklch(82.7% 0.091 195.5)9.78 AAA
Bright Magentacolor13#cd7c54rgb(205 124 84)hsl(20 55% 57%)oklch(66.5% 0.115 46.4)5.07 AA
Bright Cyancolor14#59d599rgb(89 213 153)hsl(151 60% 59%)oklch(78.7% 0.141 159.4)8.75 AAA
Bright Whitecolor15#fff1e9rgb(255 241 233)hsl(22 100% 96%)oklch(96.7% 0.019 52.0)14.59 AAA

About Elemental

Elemental is a dark terminal color scheme built on a neutral #22211d background with #807a74 as the default foreground. Body text reaches a 3.80:1 WCAG contrast ratio (AA Large), while the 12 ANSI accent colors average 5.23:1 (minimum 2.04:1).

Its palette is moderately saturated, anchored by #98290f red, #479a43 green, #497f7d blue, and #7f4e2f magenta.

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 Elemental

Source: iTerm2 Color Schemes (MIT)