Skip to content
Tintdex

Mirage

Mirage is a pastel, cool, dark terminal color scheme with a #1b2738 background and #a6b2c0 text (7.0:1 contrast)

Get config
Background
#1b2738
Foreground
#a6b2c0
Text contrast
7.00:1AAA
Accent contrast
8.21:1min 7.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
❯

Mirage configs

16 formats, all from one palette

Mirage

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

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

palette = 0=#011627
palette = 1=#ff9999
palette = 2=#85cc95
palette = 3=#ffd700
palette = 4=#7fb5ff
palette = 5=#ddb3ff
palette = 6=#21c7a8
palette = 7=#ffffff
palette = 8=#575656
palette = 9=#ff9999
palette = 10=#85cc95
palette = 11=#ffd700
palette = 12=#7fb5ff
palette = 13=#ddb3ff
palette = 14=#85cc95
palette = 15=#ffffff
background = #1b2738
foreground = #a6b2c0
cursor-color = #ddb3ff
cursor-text = #ffffff
selection-background = #273951
selection-foreground = #d3dbe5

Mirage palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1b2738rgb(27 39 56)hsl(215 35% 16%)oklch(27.0% 0.036 257.1)—
Foregroundforeground#a6b2c0rgb(166 178 192)hsl(212 17% 70%)oklch(75.9% 0.024 252.2)7.00 AA
Cursorcursor#ddb3ffrgb(221 179 255)hsl(273 100% 85%)oklch(83.0% 0.113 309.3)8.58 AAA
Cursor textcursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.07 AAA
Selectionselection#273951rgb(39 57 81)hsl(214 35% 24%)oklch(34.1% 0.049 255.9)1.28 Fail
Selection textselectionText#d3dbe5rgb(211 219 229)hsl(213 26% 86%)oklch(88.8% 0.016 253.9)10.79 AAA
Blackcolor0#011627rgb(1 22 39)hsl(207 95% 8%)oklch(19.3% 0.045 244.0)1.22 Fail
Redcolor1#ff9999rgb(255 153 153)hsl(0 100% 80%)oklch(78.8% 0.123 20.2)7.37 AAA
Greencolor2#85cc95rgb(133 204 149)hsl(134 41% 66%)oklch(78.4% 0.106 150.5)7.94 AAA
Yellowcolor3#ffd700rgb(255 215 0)hsl(51 100% 50%)oklch(88.7% 0.182 95.3)10.74 AAA
Bluecolor4#7fb5ffrgb(127 181 255)hsl(215 100% 75%)oklch(76.5% 0.121 256.5)7.14 AAA
Magentacolor5#ddb3ffrgb(221 179 255)hsl(273 100% 85%)oklch(83.0% 0.113 309.3)8.58 AAA
Cyancolor6#21c7a8rgb(33 199 168)hsl(169 72% 45%)oklch(74.4% 0.134 175.6)7.03 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.07 AAA
Bright Blackcolor8#575656rgb(87 86 86)hsl(0 1% 34%)oklch(45.4% 0.001 17.2)2.06 Fail
Bright Redcolor9#ff9999rgb(255 153 153)hsl(0 100% 80%)oklch(78.8% 0.123 20.2)7.37 AAA
Bright Greencolor10#85cc95rgb(133 204 149)hsl(134 41% 66%)oklch(78.4% 0.106 150.5)7.94 AAA
Bright Yellowcolor11#ffd700rgb(255 215 0)hsl(51 100% 50%)oklch(88.7% 0.182 95.3)10.74 AAA
Bright Bluecolor12#7fb5ffrgb(127 181 255)hsl(215 100% 75%)oklch(76.5% 0.121 256.5)7.14 AAA
Bright Magentacolor13#ddb3ffrgb(221 179 255)hsl(273 100% 85%)oklch(83.0% 0.113 309.3)8.58 AAA
Bright Cyancolor14#85cc95rgb(133 204 149)hsl(134 41% 66%)oklch(78.4% 0.106 150.5)7.94 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.07 AAA

About Mirage

Mirage is a dark terminal color scheme built on a cool-tinted #1b2738 background with #a6b2c0 as the default foreground. Body text reaches a 7.00:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.21:1 (minimum 7.03:1).

Its palette is moderately saturated, anchored by #ff9999 red, #85cc95 green, #7fb5ff blue, and #ddb3ff 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 Mirage

Source: iTerm2 Color Schemes (MIT)