Skip to content

Dark City

Dark City is a high contrast, pastel, dark terminal color scheme with a #0c2831 background and #ffffff text (15.4:1 contrast)

Get config
Background
#0c2831
Foreground
#ffffff
Text contrast
15.40:1AAA
Accent contrast
11.14:1min 6.37
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
❯

Dark City configs

16 formats, all from one palette

Dark City

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

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

palette = 0=#616161
palette = 1=#ff8272
palette = 2=#b4fa72
palette = 3=#fefdc2
palette = 4=#a5d5fe
palette = 5=#ff8ffd
palette = 6=#d0d1fe
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 = #0c2831
foreground = #ffffff
cursor-color = #e9072d
cursor-text = #0c2831
selection-background = #43585f
selection-foreground = #ffffff

Dark City palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0c2831rgb(12 40 49)hsl(195 61% 12%)oklch(26.0% 0.037 222.3)—
Foregroundforeground#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.40 AAA
Cursorcursor#e9072drgb(233 7 45)hsl(350 94% 47%)oklch(59.0% 0.237 24.0)3.32 AA Large
Cursor textcursorText#0c2831rgb(12 40 49)hsl(195 61% 12%)oklch(26.0% 0.037 222.3)1.00 Fail
Selectionselection#43585frgb(67 88 95)hsl(195 17% 32%)oklch(44.6% 0.028 220.2)2.05 Fail
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.40 AAA
Blackcolor0#616161rgb(97 97 97)hsl(0 0% 38%)oklch(49.3% 0.000 0)2.49 Fail
Redcolor1#ff8272rgb(255 130 114)hsl(7 100% 72%)oklch(74.5% 0.155 28.8)6.37 AA
Greencolor2#b4fa72rgb(180 250 114)hsl(91 93% 71%)oklch(91.1% 0.182 131.8)12.36 AAA
Yellowcolor3#fefdc2rgb(254 253 194)hsl(59 97% 88%)oklch(98.1% 0.075 106.9)14.70 AAA
Bluecolor4#a5d5fergb(165 213 254)hsl(208 98% 82%)oklch(85.4% 0.076 244.6)9.94 AAA
Magentacolor5#ff8ffdrgb(255 143 253)hsl(301 100% 78%)oklch(80.6% 0.189 327.8)7.77 AAA
Cyancolor6#d0d1fergb(208 209 254)hsl(239 96% 91%)oklch(87.5% 0.062 284.0)10.44 AAA
Whitecolor7#f1f1f1rgb(241 241 241)hsl(0 0% 95%)oklch(95.8% 0.000 0)13.64 AAA
Bright Blackcolor8#8e8e8ergb(142 142 142)hsl(0 0% 56%)oklch(64.7% 0.000 0)4.70 AA
Bright Redcolor9#ffc4bdrgb(255 196 189)hsl(6 100% 87%)oklch(87.1% 0.069 26.3)10.18 AAA
Bright Greencolor10#d6fcb9rgb(214 252 185)hsl(94 92% 86%)oklch(94.8% 0.096 132.1)13.56 AAA
Bright Yellowcolor11#fefdd5rgb(254 253 213)hsl(59 95% 92%)oklch(98.5% 0.052 106.1)14.83 AAA
Bright Bluecolor12#c1e3fergb(193 227 254)hsl(207 97% 88%)oklch(90.0% 0.052 242.2)11.50 AAA
Bright Magentacolor13#ffb1fergb(255 177 254)hsl(301 100% 85%)oklch(85.9% 0.133 327.1)9.51 AAA
Bright Cyancolor14#e5e6fergb(229 230 254)hsl(238 93% 95%)oklch(93.1% 0.032 283.8)12.53 AAA
Bright Whitecolor15#feffffrgb(254 255 255)hsl(180 100% 100%)oklch(99.9% 0.001 197.1)15.37 AAA

About Dark City

Dark City is a dark terminal color scheme built on a cool-tinted #0c2831 background with #ffffff as the default foreground. Body text reaches a 15.40:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 11.14:1 (minimum 6.37:1).

Its palette is moderately saturated, anchored by #ff8272 red, #b4fa72 green, #a5d5fe blue, and #ff8ffd 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 Dark City

Source: Warp Themes (Apache-2.0)