Skip to content
Tintdex

Otakon Contrast

Otakon Contrast is a high contrast, muted, dark terminal color scheme with a #171417 background and #f9f3f9 text (16.7:1 contrast)

Get config
Background
#171417
Foreground
#f9f3f9
Text contrast
16.73:1AAA
Accent contrast
11.92:1min 2.78
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
❯

Otakon Contrast configs

16 formats, all from one palette

Otakon Contrast

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

More Ghostty themes
Raw file
# Theme: Otakon Contrast (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/otakon-contrast?format=ghostty

palette = 0=#252025
palette = 1=#ba0e2e
palette = 2=#b1a6ca
palette = 3=#f6e6eb
palette = 4=#e484b2
palette = 5=#cacbdd
palette = 6=#f0b9d4
palette = 7=#ffffff
palette = 8=#403840
palette = 9=#e61f44
palette = 10=#e9e6f0
palette = 11=#ffffff
palette = 12=#f6d8e6
palette = 13=#ffffff
palette = 14=#ffffff
palette = 15=#ffffff
background = #171417
foreground = #f9f3f9
cursor-color = #f8f8f0
cursor-text = #f9f3f9
selection-background = #b1a6ca
selection-foreground = #ffffff

Otakon Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#171417rgb(23 20 23)hsl(300 7% 8%)oklch(19.6% 0.008 325.9)—
Foregroundforeground#f9f3f9rgb(249 243 249)hsl(300 33% 96%)oklch(97.0% 0.010 325.7)16.73 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)17.13 AAA
Cursor textcursorText#f9f3f9rgb(249 243 249)hsl(300 33% 96%)oklch(97.0% 0.010 325.7)16.73 AAA
Selectionselection#b1a6cargb(177 166 202)hsl(258 25% 72%)oklch(74.6% 0.052 299.1)7.99 AAA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA
Blackcolor0#252025rgb(37 32 37)hsl(300 7% 14%)oklch(25.1% 0.012 325.9)1.14 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.78 Fail
Greencolor2#b1a6cargb(177 166 202)hsl(258 25% 72%)oklch(74.6% 0.052 299.1)7.99 AAA
Yellowcolor3#f6e6ebrgb(246 230 235)hsl(341 47% 93%)oklch(93.9% 0.019 356.4)15.18 AAA
Bluecolor4#e484b2rgb(228 132 178)hsl(331 64% 71%)oklch(73.0% 0.129 350.6)7.17 AAA
Magentacolor5#cacbddrgb(202 203 221)hsl(237 22% 83%)oklch(84.7% 0.025 283.3)11.40 AAA
Cyancolor6#f0b9d4rgb(240 185 212)hsl(331 65% 83%)oklch(84.3% 0.072 347.7)10.96 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA
Bright Blackcolor8#403840rgb(64 56 64)hsl(300 7% 24%)oklch(35.2% 0.017 325.9)1.62 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.04 AA Large
Bright Greencolor10#e9e6f0rgb(233 230 240)hsl(258 25% 92%)oklch(93.0% 0.014 299.8)14.83 AAA
Bright Yellowcolor11#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA
Bright Bluecolor12#f6d8e6rgb(246 216 230)hsl(332 63% 91%)oklch(91.1% 0.038 348.0)13.83 AAA
Bright Magentacolor13#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA
Bright Cyancolor14#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.28 AAA

About Otakon Contrast

Otakon Contrast is a dark terminal color scheme built on a neutral #171417 background with #f9f3f9 as the default foreground. Body text reaches a 16.73:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 11.92:1 (minimum 2.78:1).

Its palette is low-saturation, anchored by #ba0e2e red, #b1a6ca green, #e484b2 blue, and #cacbdd 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 Otakon Contrast

Source: Rainglow (MIT)