本文へスキップ
Tintdex

Lemon Graphite

Lemon Graphite はダーク系のターミナル配色（パステル・寒色）。背景色 #0b0f14、文字色 #dce3ea、コントラスト比 14.8:1

設定を取得
背景色
#0b0f14
前景色
#dce3ea
文字のコントラスト
14.84:1AAA
アクセントのコントラスト
10.86:1最小 6.93
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
❯

Lemon Graphite の設定ファイル

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

Lemon Graphite

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

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

palette = 0=#0b0f14
palette = 1=#ff6b6b
palette = 2=#7bd88f
palette = 3=#f2c14e
palette = 4=#5cc8ff
palette = 5=#c792ea
palette = 6=#57d3c8
palette = 7=#dce3ea
palette = 8=#59636e
palette = 9=#ff8a80
palette = 10=#a7e8b5
palette = 11=#ffd978
palette = 12=#8ad8ff
palette = 13=#dab1f4
palette = 14=#86e6de
palette = 15=#f7fafc
background = #0b0f14
foreground = #dce3ea
cursor-color = #f2c14e
cursor-text = #0b0f14
selection-background = #dce3ea
selection-foreground = #0b0f14

Lemon Graphite のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)—
前景色foreground#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
カーソルcursor#f2c14ergb(242 193 78)hsl(42 86% 63%)oklch(83.4% 0.141 85.4)11.45 AAA
カーソルの文字cursorText#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 AA 未満
選択範囲selection#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
選択範囲の文字selectionText#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 AA 未満
黒color0#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 AA 未満
赤color1#ff6b6brgb(255 107 107)hsl(0 100% 71%)oklch(71.2% 0.181 22.8)6.93 AA
緑color2#7bd88frgb(123 216 143)hsl(133 54% 66%)oklch(80.6% 0.136 149.5)11.04 AAA
黄color3#f2c14ergb(242 193 78)hsl(42 86% 63%)oklch(83.4% 0.141 85.4)11.45 AAA
青color4#5cc8ffrgb(92 200 255)hsl(200 100% 68%)oklch(79.1% 0.126 233.7)10.21 AAA
マゼンタcolor5#c792eargb(199 146 234)hsl(276 68% 75%)oklch(74.3% 0.135 311.1)7.99 AAA
シアンcolor6#57d3c8rgb(87 211 200)hsl(175 58% 58%)oklch(79.5% 0.111 187.1)10.58 AAA
白color7#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
明るい黒color8#59636ergb(89 99 110)hsl(211 11% 39%)oklch(49.5% 0.022 250.8)3.14 AA（大きな文字）
明るい赤color9#ff8a80rgb(255 138 128)hsl(5 100% 75%)oklch(75.9% 0.144 26.1)8.42 AAA
明るい緑color10#a7e8b5rgb(167 232 181)hsl(133 59% 78%)oklch(87.4% 0.096 150.7)13.59 AAA
明るい黄color11#ffd978rgb(255 217 120)hsl(43 100% 74%)oklch(89.8% 0.124 88.4)14.14 AAA
明るい青color12#8ad8ffrgb(138 216 255)hsl(200 100% 77%)oklch(84.6% 0.094 231.1)12.22 AAA
明るいマゼンタcolor13#dab1f4rgb(218 177 244)hsl(277 75% 83%)oklch(81.9% 0.102 311.9)10.59 AAA
明るいシアンcolor14#86e6dergb(134 230 222)hsl(175 66% 71%)oklch(86.3% 0.092 188.7)13.17 AAA
明るい白color15#f7fafcrgb(247 250 252)hsl(204 45% 98%)oklch(98.3% 0.004 236.5)18.34 AAA

Lemon Graphite について

Lemon Graphite は寒色寄りのダーク背景（#0b0f14）を採用し、標準の前景色に #dce3ea を使ったターミナル配色です。本文の WCAG コントラスト比は 14.84:1（AAA）、12 色の ANSI カラーは平均 10.86:1、最小 6.93:1 です。

パレット全体は適度な彩度で、赤 #ff6b6b、緑 #7bd88f、青 #5cc8ff、マゼンタ #c792ea を基調としています。

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

Lemon Graphite に似た配色

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