Skip to content
Tintdex

Asteroid City

Asteroid City is a soft, cool, light terminal color scheme with a #c4f4f1 background and #22211a text (13.5:1 contrast)

Get config
Background
#c4f4f1
Foreground
#22211a
Text contrast
13.50:1AAA
Accent contrast
2.90:1min 1.03
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
❯

Asteroid City configs

16 formats, all from one palette

Asteroid City

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

More Ghostty themes
Raw file
# Theme: Asteroid City (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/asteroid-city?format=ghostty

palette = 0=#22211a
palette = 1=#d0392b
palette = 2=#076706
palette = 3=#d88900
palette = 4=#0088db
palette = 5=#c5218e
palette = 6=#1f4e45
palette = 7=#f1f1f1
palette = 8=#8e8e8e
palette = 9=#ffc4bd
palette = 10=#d6fcb9
palette = 11=#fefdd5
palette = 12=#c1e3fe
palette = 13=#ffb1fe
palette = 14=#e5e6fe
palette = 15=#feffff
background = #c4f4f1
foreground = #22211a
cursor-color = #d83e1c
cursor-text = #c4f4f1
selection-background = #98bab5
selection-foreground = #22211a

Asteroid City palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#c4f4f1rgb(196 244 241)hsl(176 69% 86%)oklch(93.3% 0.049 191.6)—
Foregroundforeground#22211argb(34 33 26)hsl(53 13% 12%)oklch(24.6% 0.013 100.6)13.50 AAA
Cursorcursor#d83e1crgb(216 62 28)hsl(11 77% 48%)oklch(58.8% 0.196 33.6)3.80 AA Large
Cursor textcursorText#c4f4f1rgb(196 244 241)hsl(176 69% 86%)oklch(93.3% 0.049 191.6)1.00 Fail
Selectionselection#98bab5rgb(152 186 181)hsl(171 20% 66%)oklch(76.2% 0.037 185.5)1.75 Fail
Selection textselectionText#22211argb(34 33 26)hsl(53 13% 12%)oklch(24.6% 0.013 100.6)13.50 AAA
Blackcolor0#22211argb(34 33 26)hsl(53 13% 12%)oklch(24.6% 0.013 100.6)13.50 AAA
Redcolor1#d0392brgb(208 57 43)hsl(5 66% 49%)oklch(57.1% 0.190 29.5)4.08 AA Large
Greencolor2#076706rgb(7 103 6)hsl(119 89% 21%)oklch(44.6% 0.148 142.5)5.95 AA
Yellowcolor3#d88900rgb(216 137 0)hsl(38 100% 42%)oklch(69.6% 0.151 69.4)2.34 Fail
Bluecolor4#0088dbrgb(0 136 219)hsl(203 100% 43%)oklch(60.9% 0.158 246.5)3.17 AA Large
Magentacolor5#c5218ergb(197 33 142)hsl(320 71% 45%)oklch(55.9% 0.218 346.2)4.41 AA Large
Cyancolor6#1f4e45rgb(31 78 69)hsl(169 43% 21%)oklch(38.8% 0.054 178.9)7.86 AAA
Whitecolor7#f1f1f1rgb(241 241 241)hsl(0 0% 95%)oklch(95.8% 0.000 0)1.06 Fail
Bright Blackcolor8#8e8e8ergb(142 142 142)hsl(0 0% 56%)oklch(64.7% 0.000 0)2.74 Fail
Bright Redcolor9#ffc4bdrgb(255 196 189)hsl(6 100% 87%)oklch(87.1% 0.069 26.3)1.26 Fail
Bright Greencolor10#d6fcb9rgb(214 252 185)hsl(94 92% 86%)oklch(94.8% 0.096 132.1)1.05 Fail
Bright Yellowcolor11#fefdd5rgb(254 253 213)hsl(59 95% 92%)oklch(98.5% 0.052 106.1)1.15 Fail
Bright Bluecolor12#c1e3fergb(193 227 254)hsl(207 97% 88%)oklch(90.0% 0.052 242.2)1.12 Fail
Bright Magentacolor13#ffb1fergb(255 177 254)hsl(301 100% 85%)oklch(85.9% 0.133 327.1)1.35 Fail
Bright Cyancolor14#e5e6fergb(229 230 254)hsl(238 93% 95%)oklch(93.1% 0.032 283.8)1.03 Fail
Bright Whitecolor15#feffffrgb(254 255 255)hsl(180 100% 100%)oklch(99.9% 0.001 197.1)1.19 Fail

About Asteroid City

Asteroid City is a light terminal color scheme built on a cool-tinted #c4f4f1 background with #22211a as the default foreground. Body text reaches a 13.50:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 2.90:1 (minimum 1.03:1).

Its palette is moderately saturated, anchored by #d0392b red, #076706 green, #0088db blue, and #c5218e 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 Asteroid City

Source: Warp Themes (Apache-2.0)