Skip to content
Tintdex

Mocha

Mocha is a warm, dark terminal color scheme with a #3b3228 background and #d0c8c6 text (7.6:1 contrast)

Get config
Background
#3b3228
Foreground
#d0c8c6
Text contrast
7.63:1AAA
Accent contrast
5.45:1min 3.28
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
❯

Mocha configs

16 formats, all from one palette

Mocha

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

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

palette = 0=#3b3228
palette = 1=#cb6077
palette = 2=#beb55b
palette = 3=#f4bc87
palette = 4=#8ab3b5
palette = 5=#a89bb9
palette = 6=#7bbda4
palette = 7=#d0c8c6
palette = 8=#7e705a
palette = 9=#cb6077
palette = 10=#beb55b
palette = 11=#f4bc87
palette = 12=#8ab3b5
palette = 13=#a89bb9
palette = 14=#7bbda4
palette = 15=#f5eeeb
background = #3b3228
foreground = #d0c8c6
cursor-color = #d0c8c6
cursor-text = #3b3228
selection-background = #5d544c
selection-foreground = #d0c8c6

Mocha palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#3b3228rgb(59 50 40)hsl(32 19% 19%)oklch(32.4% 0.021 69.9)—
Foregroundforeground#d0c8c6rgb(208 200 198)hsl(12 10% 80%)oklch(83.9% 0.009 34.3)7.63 AAA
Cursorcursor#d0c8c6rgb(208 200 198)hsl(12 10% 80%)oklch(83.9% 0.009 34.3)7.63 AAA
Cursor textcursorText#3b3228rgb(59 50 40)hsl(32 19% 19%)oklch(32.4% 0.021 69.9)1.00 Fail
Selectionselection#5d544crgb(93 84 76)hsl(28 10% 33%)oklch(45.2% 0.017 64.0)1.70 Fail
Selection textselectionText#d0c8c6rgb(208 200 198)hsl(12 10% 80%)oklch(83.9% 0.009 34.3)7.63 AAA
Blackcolor0#3b3228rgb(59 50 40)hsl(32 19% 19%)oklch(32.4% 0.021 69.9)1.00 Fail
Redcolor1#cb6077rgb(203 96 119)hsl(347 51% 59%)oklch(62.5% 0.137 8.4)3.28 AA Large
Greencolor2#beb55brgb(190 181 91)hsl(55 43% 55%)oklch(76.2% 0.113 103.6)5.95 AA
Yellowcolor3#f4bc87rgb(244 188 135)hsl(29 83% 74%)oklch(83.4% 0.094 64.4)7.41 AAA
Bluecolor4#8ab3b5rgb(138 179 181)hsl(183 23% 63%)oklch(73.8% 0.044 200.0)5.50 AA
Magentacolor5#a89bb9rgb(168 155 185)hsl(266 18% 67%)oklch(71.1% 0.045 304.9)4.81 AA
Cyancolor6#7bbda4rgb(123 189 164)hsl(157 33% 61%)oklch(74.7% 0.077 168.4)5.77 AA
Whitecolor7#d0c8c6rgb(208 200 198)hsl(12 10% 80%)oklch(83.9% 0.009 34.3)7.63 AAA
Bright Blackcolor8#7e705argb(126 112 90)hsl(37 17% 42%)oklch(55.2% 0.037 79.0)2.60 Fail
Bright Redcolor9#cb6077rgb(203 96 119)hsl(347 51% 59%)oklch(62.5% 0.137 8.4)3.28 AA Large
Bright Greencolor10#beb55brgb(190 181 91)hsl(55 43% 55%)oklch(76.2% 0.113 103.6)5.95 AA
Bright Yellowcolor11#f4bc87rgb(244 188 135)hsl(29 83% 74%)oklch(83.4% 0.094 64.4)7.41 AAA
Bright Bluecolor12#8ab3b5rgb(138 179 181)hsl(183 23% 63%)oklch(73.8% 0.044 200.0)5.50 AA
Bright Magentacolor13#a89bb9rgb(168 155 185)hsl(266 18% 67%)oklch(71.1% 0.045 304.9)4.81 AA
Bright Cyancolor14#7bbda4rgb(123 189 164)hsl(157 33% 61%)oklch(74.7% 0.077 168.4)5.77 AA
Bright Whitecolor15#f5eeebrgb(245 238 235)hsl(18 33% 94%)oklch(95.4% 0.009 44.9)10.95 AAA

About Mocha

Mocha is a dark terminal color scheme built on a warm-tinted #3b3228 background with #d0c8c6 as the default foreground. Body text reaches a 7.63:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.45:1 (minimum 3.28:1).

Its palette is moderately saturated, anchored by #cb6077 red, #beb55b green, #8ab3b5 blue, and #a89bb9 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 Mocha

Source: Gogh (MIT OR Apache-2.0)