本文へスキップ
Tintdex

Turquoise Trail

Turquoise Trail はダーク系のターミナル配色（落ち着いた・パステル）。背景色 #075153、文字色 #fff0d5、コントラスト比 8.1:1

設定を取得
背景色
#075153
前景色
#fff0d5
文字のコントラスト
8.08:1AAA
アクセントのコントラスト
6.24:1最小 5.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
❯

Turquoise Trail の設定ファイル

16 種類の形式を、ひとつのパレットから生成

Turquoise Trail

~/.config/ghostty/themes/Turquoise Trail に保存し、config または config.ghostty に theme = Turquoise Trail を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: Turquoise Trail (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/turquoise-trail?format=ghostty

palette = 0=#d0d9d2
palette = 1=#ffad8e
palette = 2=#a7dfae
palette = 3=#f7d879
palette = 4=#b1d6f4
palette = 5=#efb0d2
palette = 6=#a9e5df
palette = 7=#fff0d5
palette = 8=#e0e5df
palette = 9=#ffc0a5
palette = 10=#bce8c2
palette = 11=#ffe493
palette = 12=#c8e3f7
palette = 13=#f4c6df
palette = 14=#c5eee9
palette = 15=#fffaf0
background = #075153
foreground = #fff0d5
cursor-color = #ffb34f
cursor-text = #063d3f
selection-background = #287071
selection-foreground = #fff8e8

Turquoise Trail のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#075153rgb(7 81 83)hsl(182 84% 18%)oklch(39.6% 0.065 197.8)—
前景色foreground#fff0d5rgb(255 240 213)hsl(39 100% 92%)oklch(96.0% 0.039 82.3)8.08 AAA
カーソルcursor#ffb34frgb(255 179 79)hsl(34 100% 65%)oklch(82.2% 0.144 70.6)5.11 AA
カーソルの文字cursorText#063d3frgb(6 61 63)hsl(182 83% 14%)oklch(32.8% 0.053 198.7)1.32 AA 未満
選択範囲selection#287071rgb(40 112 113)hsl(181 48% 30%)oklch(50.1% 0.070 196.4)1.58 AA 未満
選択範囲の文字selectionText#fff8e8rgb(255 248 232)hsl(42 100% 95%)oklch(98.0% 0.022 87.1)8.59 AAA
黒color0#d0d9d2rgb(208 217 210)hsl(133 11% 83%)oklch(87.6% 0.014 152.6)6.29 AA
赤color1#ffad8ergb(255 173 142)hsl(16 100% 78%)oklch(82.0% 0.106 41.5)5.03 AA
緑color2#a7dfaergb(167 223 174)hsl(128 47% 76%)oklch(85.2% 0.089 148.1)5.98 AA
黄color3#f7d879rgb(247 216 121)hsl(45 89% 72%)oklch(88.9% 0.120 91.8)6.51 AA
青color4#b1d6f4rgb(177 214 244)hsl(207 75% 83%)oklch(85.9% 0.057 242.9)5.97 AA
マゼンタcolor5#efb0d2rgb(239 176 210)hsl(328 66% 81%)oklch(82.5% 0.085 345.5)5.11 AA
シアンcolor6#a9e5dfrgb(169 229 223)hsl(174 54% 78%)oklch(88.0% 0.061 188.4)6.47 AA
白color7#fff0d5rgb(255 240 213)hsl(39 100% 92%)oklch(96.0% 0.039 82.3)8.08 AAA
明るい黒color8#e0e5dfrgb(224 229 223)hsl(110 10% 89%)oklch(91.6% 0.010 140.5)7.12 AAA
明るい赤color9#ffc0a5rgb(255 192 165)hsl(18 100% 82%)oklch(85.8% 0.082 44.2)5.77 AA
明るい緑color10#bce8c2rgb(188 232 194)hsl(128 49% 82%)oklch(89.0% 0.069 148.8)6.69 AA
明るい黄color11#ffe493rgb(255 228 147)hsl(45 100% 79%)oklch(92.3% 0.105 91.7)7.26 AAA
明るい青color12#c8e3f7rgb(200 227 247)hsl(206 75% 88%)oklch(90.2% 0.040 240.0)6.83 AA
明るいマゼンタcolor13#f4c6dfrgb(244 198 223)hsl(327 68% 87%)oklch(87.4% 0.061 344.6)6.05 AA
明るいシアンcolor14#c5eee9rgb(197 238 233)hsl(173 55% 85%)oklch(91.9% 0.043 187.4)7.26 AAA
明るい白color15#fffaf0rgb(255 250 240)hsl(40 100% 97%)oklch(98.6% 0.014 84.6)8.73 AAA

Turquoise Trail について

Turquoise Trail は寒色寄りのダーク背景（#075153）を採用し、標準の前景色に #fff0d5 を使ったターミナル配色です。本文の WCAG コントラスト比は 8.08:1（AAA）、12 色の ANSI カラーは平均 6.24:1、最小 5.03:1 です。

パレット全体は彩度が控えめで、赤 #ffad8e、緑 #a7dfae、青 #b1d6f4、マゼンタ #efb0d2 を基調としています。

Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources 向けの設定ファイルを書き出せるほか、VS Code・Zed の統合ターミナル、CSS 変数、Tailwind CSS、JSON 形式にも対応しています。

Turquoise Trail に似た配色

データ出典：iTerm2 Color Schemes (MIT)