Skip to content

Catppuccin Frappe

Catppuccin Frappe is a pastel, cool, dark terminal color scheme with a #303446 background and #c6d0f5 text (8.1:1 contrast)

Get config
Background
#303446
Foreground
#c6d0f5
Text contrast
8.06:1AAA
Accent contrast
6.77:1min 4.65
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 Frappe configs

16 formats, all from one palette

Catppuccin Frappe

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

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

palette = 0=#51576d
palette = 1=#e78284
palette = 2=#a6d189
palette = 3=#e5c890
palette = 4=#8caaee
palette = 5=#f4b8e4
palette = 6=#81c8be
palette = 7=#b5bfe2
palette = 8=#626880
palette = 9=#eda0a2
palette = 10=#b9dba2
palette = 11=#ecd7ae
palette = 12=#adc2f3
palette = 13=#f38ed8
palette = 14=#98d2ca
palette = 15=#a5adce
background = #303446
foreground = #c6d0f5
cursor-color = #f2d5cf
cursor-text = #303446
selection-background = #f2d5cf
selection-foreground = #303446

Catppuccin Frappe palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#303446rgb(48 52 70)hsl(229 19% 23%)oklch(32.9% 0.032 274.8)—
Foregroundforeground#c6d0f5rgb(198 208 245)hsl(227 70% 87%)oklch(86.2% 0.053 273.3)8.06 AAA
Cursorcursor#f2d5cfrgb(242 213 207)hsl(10 57% 88%)oklch(89.5% 0.034 31.6)8.91 AAA
Cursor textcursorText#303446rgb(48 52 70)hsl(229 19% 23%)oklch(32.9% 0.032 274.8)1.00 Fail
Selectionselection#f2d5cfrgb(242 213 207)hsl(10 57% 88%)oklch(89.5% 0.034 31.6)8.91 AAA
Selection textselectionText#303446rgb(48 52 70)hsl(229 19% 23%)oklch(32.9% 0.032 274.8)1.00 Fail
Blackcolor0#51576drgb(81 87 109)hsl(227 15% 37%)oklch(46.0% 0.037 273.0)1.72 Fail
Redcolor1#e78284rgb(231 130 132)hsl(359 68% 71%)oklch(71.7% 0.124 19.4)4.65 AA
Greencolor2#a6d189rgb(166 209 137)hsl(96 44% 68%)oklch(81.2% 0.107 133.4)7.10 AAA
Yellowcolor3#e5c890rgb(229 200 144)hsl(40 62% 73%)oklch(84.4% 0.080 83.5)7.62 AAA
Bluecolor4#8caaeergb(140 170 238)hsl(222 74% 74%)oklch(74.2% 0.104 265.7)5.34 AA
Magentacolor5#f4b8e4rgb(244 184 228)hsl(316 73% 84%)oklch(85.0% 0.089 336.3)7.52 AAA
Cyancolor6#81c8bergb(129 200 190)hsl(172 39% 65%)oklch(78.3% 0.073 184.6)6.41 AA
Whitecolor7#b5bfe2rgb(181 191 226)hsl(227 44% 80%)oklch(80.8% 0.051 272.7)6.75 AA
Bright Blackcolor8#626880rgb(98 104 128)hsl(228 13% 44%)oklch(52.1% 0.039 274.0)2.23 Fail
Bright Redcolor9#eda0a2rgb(237 160 162)hsl(358 68% 78%)oklch(78.2% 0.092 17.7)5.95 AA
Bright Greencolor10#b9dba2rgb(185 219 162)hsl(96 44% 75%)oklch(85.2% 0.085 133.0)8.04 AAA
Bright Yellowcolor11#ecd7aergb(236 215 174)hsl(40 62% 80%)oklch(88.6% 0.059 84.0)8.74 AAA
Bright Bluecolor12#adc2f3rgb(173 194 243)hsl(222 74% 82%)oklch(81.5% 0.073 266.7)6.91 AA
Bright Magentacolor13#f38ed8rgb(243 142 216)hsl(316 81% 75%)oklch(77.6% 0.151 337.7)5.67 AA
Bright Cyancolor14#98d2cargb(152 210 202)hsl(172 39% 71%)oklch(82.2% 0.061 185.5)7.28 AAA
Bright Whitecolor15#a5adcergb(165 173 206)hsl(228 29% 73%)oklch(75.2% 0.048 274.5)5.55 AA

About Catppuccin Frappe

Catppuccin Frappe is a dark terminal color scheme built on a cool-tinted #303446 background with #c6d0f5 as the default foreground. Body text reaches a 8.06:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.77:1 (minimum 4.65:1).

Its palette is moderately saturated, anchored by #e78284 red, #a6d189 green, #8caaee blue, and #f4b8e4 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 Frappe

Source: iTerm2 Color Schemes (MIT)