Skip to content
Tintdex

Opaline

Opaline is a high contrast, pastel, dark terminal color scheme with a #131121 background and #ece9f7 text (15.6:1 contrast)

Get config
Background
#131121
Foreground
#ece9f7
Text contrast
15.55:1AAA
Accent contrast
10.36:1min 6.88
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
❯

Opaline configs

16 formats, all from one palette

Opaline

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

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

palette = 0=#201b33
palette = 1=#ff6b92
palette = 2=#86e6b4
palette = 3=#ffc2ae
palette = 4=#8fb4ff
palette = 5=#be9bff
palette = 6=#5fe3d8
palette = 7=#ece9f7
palette = 8=#6b678f
palette = 9=#ff81a2
palette = 10=#95e9bd
palette = 11=#f4d27e
palette = 12=#b79bff
palette = 13=#ff9ed2
palette = 14=#72e6dd
palette = 15=#ffffff
background = #131121
foreground = #ece9f7
cursor-color = #ffb3d6
cursor-text = #131121
selection-background = #2c2748
selection-foreground = #535161

Opaline palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#131121rgb(19 17 33)hsl(248 32% 10%)oklch(18.9% 0.032 288.7)—
Foregroundforeground#ece9f7rgb(236 233 247)hsl(253 47% 94%)oklch(94.0% 0.019 295.9)15.55 AAA
Cursorcursor#ffb3d6rgb(255 179 214)hsl(332 100% 85%)oklch(84.8% 0.098 350.2)11.22 AAA
Cursor textcursorText#131121rgb(19 17 33)hsl(248 32% 10%)oklch(18.9% 0.032 288.7)1.00 Fail
Selectionselection#2c2748rgb(44 39 72)hsl(249 30% 22%)oklch(29.5% 0.059 289.2)1.32 Fail
Selection textselectionText#535161rgb(83 81 97)hsl(248 9% 35%)oklch(44.3% 0.026 291.0)2.41 Fail
Blackcolor0#201b33rgb(32 27 51)hsl(252 31% 15%)oklch(24.1% 0.045 292.2)1.12 Fail
Redcolor1#ff6b92rgb(255 107 146)hsl(344 100% 71%)oklch(72.0% 0.183 6.5)6.88 AA
Greencolor2#86e6b4rgb(134 230 180)hsl(149 66% 71%)oklch(85.2% 0.116 159.8)12.38 AAA
Yellowcolor3#ffc2aergb(255 194 174)hsl(15 100% 84%)oklch(86.4% 0.076 38.9)12.02 AAA
Bluecolor4#8fb4ffrgb(143 180 255)hsl(220 100% 78%)oklch(77.2% 0.115 263.8)8.98 AAA
Magentacolor5#be9bffrgb(190 155 255)hsl(261 100% 80%)oklch(76.0% 0.144 299.1)8.25 AAA
Cyancolor6#5fe3d8rgb(95 227 216)hsl(175 70% 63%)oklch(84.0% 0.117 187.6)11.92 AAA
Whitecolor7#ece9f7rgb(236 233 247)hsl(253 47% 94%)oklch(94.0% 0.019 295.9)15.55 AAA
Bright Blackcolor8#6b678frgb(107 103 143)hsl(246 16% 48%)oklch(53.3% 0.062 288.7)3.51 AA Large
Bright Redcolor9#ff81a2rgb(255 129 162)hsl(344 100% 75%)oklch(75.4% 0.156 4.9)7.89 AAA
Bright Greencolor10#95e9bdrgb(149 233 189)hsl(149 66% 75%)oklch(86.8% 0.103 160.4)12.98 AAA
Bright Yellowcolor11#f4d27ergb(244 210 126)hsl(43 84% 73%)oklch(87.5% 0.110 88.1)12.72 AAA
Bright Bluecolor12#b79bffrgb(183 155 255)hsl(257 100% 80%)oklch(75.4% 0.143 295.7)8.10 AAA
Bright Magentacolor13#ff9ed2rgb(255 158 210)hsl(328 100% 81%)oklch(81.3% 0.131 347.0)9.80 AAA
Bright Cyancolor14#72e6ddrgb(114 230 221)hsl(175 70% 67%)oklch(85.5% 0.107 188.6)12.46 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.59 AAA

About Opaline

Opaline is a dark terminal color scheme built on a cool-tinted #131121 background with #ece9f7 as the default foreground. Body text reaches a 15.55:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 10.36:1 (minimum 6.88:1).

Its palette is moderately saturated, anchored by #ff6b92 red, #86e6b4 green, #8fb4ff blue, and #be9bff 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 Opaline

Source: iTerm2 Color Schemes (MIT)