Skip to content
Tintdex

Catppuccin Mocha

Catppuccin Mocha is a pastel, cool, dark terminal color scheme with a #1e1e2e background and #cdd6f4 text (11.3:1 contrast)

Get config
Background
#1e1e2e
Foreground
#cdd6f4
Text contrast
11.34:1AAA
Accent contrast
10.37:1min 7.08
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
❯

Catppuccin Mocha configs

16 formats, all from one palette

Catppuccin Mocha

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

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

palette = 0=#45475a
palette = 1=#f38ba8
palette = 2=#a6e3a1
palette = 3=#f9e2af
palette = 4=#89b4fa
palette = 5=#f5c2e7
palette = 6=#94e2d5
palette = 7=#bac2de
palette = 8=#585b70
palette = 9=#f7aec2
palette = 10=#c2ecbf
palette = 11=#fcd682
palette = 12=#aeccfc
palette = 13=#f398da
palette = 14=#b1eae1
palette = 15=#a6adc8
background = #1e1e2e
foreground = #cdd6f4
cursor-color = #f5e0dc
cursor-text = #1e1e2e
selection-background = #f5e0dc
selection-foreground = #1e1e2e

Catppuccin Mocha palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1e1e2ergb(30 30 46)hsl(240 21% 15%)oklch(24.3% 0.030 283.9)—
Foregroundforeground#cdd6f4rgb(205 214 244)hsl(226 64% 88%)oklch(87.9% 0.043 272.3)11.34 AAA
Cursorcursor#f5e0dcrgb(245 224 220)hsl(10 56% 91%)oklch(92.3% 0.024 30.5)12.95 AAA
Cursor textcursorText#1e1e2ergb(30 30 46)hsl(240 21% 15%)oklch(24.3% 0.030 283.9)1.00 Fail
Selectionselection#f5e0dcrgb(245 224 220)hsl(10 56% 91%)oklch(92.3% 0.024 30.5)12.95 AAA
Selection textselectionText#1e1e2ergb(30 30 46)hsl(240 21% 15%)oklch(24.3% 0.030 283.9)1.00 Fail
Blackcolor0#45475argb(69 71 90)hsl(234 13% 31%)oklch(40.4% 0.032 280.2)1.80 Fail
Redcolor1#f38ba8rgb(243 139 168)hsl(343 81% 75%)oklch(75.6% 0.130 2.8)7.08 AAA
Greencolor2#a6e3a1rgb(166 227 161)hsl(115 54% 76%)oklch(85.8% 0.109 142.7)11.03 AAA
Yellowcolor3#f9e2afrgb(249 226 175)hsl(41 86% 83%)oklch(91.9% 0.070 86.5)12.91 AAA
Bluecolor4#89b4fargb(137 180 250)hsl(217 92% 76%)oklch(76.6% 0.111 259.9)7.79 AAA
Magentacolor5#f5c2e7rgb(245 194 231)hsl(316 72% 86%)oklch(87.0% 0.075 336.3)10.74 AAA
Cyancolor6#94e2d5rgb(148 226 213)hsl(170 57% 73%)oklch(85.8% 0.079 182.7)11.01 AAA
Whitecolor7#bac2dergb(186 194 222)hsl(227 35% 80%)oklch(81.7% 0.040 272.9)9.26 AAA
Bright Blackcolor8#585b70rgb(88 91 112)hsl(233 12% 39%)oklch(47.7% 0.034 278.6)2.46 Fail
Bright Redcolor9#f7aec2rgb(247 174 194)hsl(344 82% 83%)oklch(82.5% 0.089 1.3)9.21 AAA
Bright Greencolor10#c2ecbfrgb(194 236 191)hsl(116 54% 84%)oklch(90.2% 0.075 143.2)12.53 AAA
Bright Yellowcolor11#fcd682rgb(252 214 130)hsl(41 95% 75%)oklch(89.1% 0.111 85.8)11.78 AAA
Bright Bluecolor12#aeccfcrgb(174 204 252)hsl(217 93% 84%)oklch(84.0% 0.075 259.7)10.03 AAA
Bright Magentacolor13#f398dargb(243 152 218)hsl(316 79% 77%)oklch(79.2% 0.136 337.7)8.06 AAA
Bright Cyancolor14#b1eae1rgb(177 234 225)hsl(171 58% 81%)oklch(89.6% 0.059 184.2)12.28 AAA
Bright Whitecolor15#a6adc8rgb(166 173 200)hsl(228 24% 72%)oklch(75.1% 0.040 273.9)7.37 AAA

About Catppuccin Mocha

Catppuccin Mocha is a dark terminal color scheme built on a cool-tinted #1e1e2e background with #cdd6f4 as the default foreground. Body text reaches a 11.34:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 10.37:1 (minimum 7.08:1).

Its palette is moderately saturated, anchored by #f38ba8 red, #a6e3a1 green, #89b4fa blue, and #f5c2e7 magenta. Part of the Catppuccin 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 Catppuccin Mocha

Source: iTerm2 Color Schemes (MIT)