Skip to content

Cupcake

Cupcake is a soft, muted, light terminal color scheme with a #fbf1f2 background and #8b8198 text (3.3:1 contrast)

Get config
Background
#fbf1f2
Foreground
#8b8198
Text contrast
3.33:1AA Large
Accent contrast
2.33:1min 1.80
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
❯

Cupcake configs

16 formats, all from one palette

Cupcake

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

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

palette = 0=#fbf1f2
palette = 1=#d57e85
palette = 2=#a3b367
palette = 3=#dcb16c
palette = 4=#7297b9
palette = 5=#bb99b4
palette = 6=#69a9a7
palette = 7=#8b8198
palette = 8=#bfb9c6
palette = 9=#d57e85
palette = 10=#a3b367
palette = 11=#dcb16c
palette = 12=#7297b9
palette = 13=#bb99b4
palette = 14=#69a9a7
palette = 15=#585062
background = #fbf1f2
foreground = #8b8198
cursor-color = #8b8198
cursor-text = #fbf1f2
selection-background = #ded4db
selection-foreground = #8b8198

Cupcake palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fbf1f2rgb(251 241 242)hsl(354 56% 96%)oklch(96.6% 0.011 10.3)—
Foregroundforeground#8b8198rgb(139 129 152)hsl(266 10% 55%)oklch(62.0% 0.036 305.0)3.33 AA Large
Cursorcursor#8b8198rgb(139 129 152)hsl(266 10% 55%)oklch(62.0% 0.036 305.0)3.33 AA Large
Cursor textcursorText#fbf1f2rgb(251 241 242)hsl(354 56% 96%)oklch(96.6% 0.011 10.3)1.00 Fail
Selectionselection#ded4dbrgb(222 212 219)hsl(318 13% 85%)oklch(88.0% 0.014 336.2)1.30 Fail
Selection textselectionText#8b8198rgb(139 129 152)hsl(266 10% 55%)oklch(62.0% 0.036 305.0)3.33 AA Large
Blackcolor0#fbf1f2rgb(251 241 242)hsl(354 56% 96%)oklch(96.6% 0.011 10.3)1.00 Fail
Redcolor1#d57e85rgb(213 126 133)hsl(355 51% 66%)oklch(68.8% 0.108 15.1)2.65 Fail
Greencolor2#a3b367rgb(163 179 103)hsl(73 33% 55%)oklch(73.7% 0.102 118.7)2.06 Fail
Yellowcolor3#dcb16crgb(220 177 108)hsl(37 62% 64%)oklch(78.4% 0.100 78.3)1.80 Fail
Bluecolor4#7297b9rgb(114 151 185)hsl(209 34% 59%)oklch(66.2% 0.065 246.7)2.77 Fail
Magentacolor5#bb99b4rgb(187 153 180)hsl(312 20% 67%)oklch(72.2% 0.055 333.3)2.28 Fail
Cyancolor6#69a9a7rgb(105 169 167)hsl(178 27% 54%)oklch(69.1% 0.066 193.2)2.42 Fail
Whitecolor7#8b8198rgb(139 129 152)hsl(266 10% 55%)oklch(62.0% 0.036 305.0)3.33 AA Large
Bright Blackcolor8#bfb9c6rgb(191 185 198)hsl(268 10% 75%)oklch(79.5% 0.019 306.6)1.73 Fail
Bright Redcolor9#d57e85rgb(213 126 133)hsl(355 51% 66%)oklch(68.8% 0.108 15.1)2.65 Fail
Bright Greencolor10#a3b367rgb(163 179 103)hsl(73 33% 55%)oklch(73.7% 0.102 118.7)2.06 Fail
Bright Yellowcolor11#dcb16crgb(220 177 108)hsl(37 62% 64%)oklch(78.4% 0.100 78.3)1.80 Fail
Bright Bluecolor12#7297b9rgb(114 151 185)hsl(209 34% 59%)oklch(66.2% 0.065 246.7)2.77 Fail
Bright Magentacolor13#bb99b4rgb(187 153 180)hsl(312 20% 67%)oklch(72.2% 0.055 333.3)2.28 Fail
Bright Cyancolor14#69a9a7rgb(105 169 167)hsl(178 27% 54%)oklch(69.1% 0.066 193.2)2.42 Fail
Bright Whitecolor15#585062rgb(88 80 98)hsl(267 10% 35%)oklch(44.6% 0.031 305.3)6.93 AA

About Cupcake

Cupcake is a light terminal color scheme built on a neutral #fbf1f2 background with #8b8198 as the default foreground. Body text reaches a 3.33:1 WCAG contrast ratio (AA Large), while the 12 ANSI accent colors average 2.33:1 (minimum 1.80:1).

Its palette is low-saturation, anchored by #d57e85 red, #a3b367 green, #7297b9 blue, and #bb99b4 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 Cupcake

Source: Gogh (MIT OR Apache-2.0)