Skip to content
Tintdex

Kanagawa Dragon

Kanagawa Dragon is a muted, dark terminal color scheme with a #181616 background and #c5c9c5 text (10.8:1 contrast)

Get config
Background
#181616
Foreground
#c5c9c5
Text contrast
10.76:1AAA
Accent contrast
6.94:1min 5.21
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
❯

Kanagawa Dragon configs

16 formats, all from one palette

Kanagawa Dragon

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

More Ghostty themes
Raw file
# Theme: Kanagawa Dragon (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/kanagawa-dragon?format=ghostty

palette = 0=#0d0c0c
palette = 1=#c4746e
palette = 2=#8a9a7b
palette = 3=#c4b28a
palette = 4=#8ba4b0
palette = 5=#a292a3
palette = 6=#8ea4a2
palette = 7=#c8c093
palette = 8=#a6a69c
palette = 9=#e46876
palette = 10=#87a987
palette = 11=#e6c384
palette = 12=#7fb4ca
palette = 13=#938aa9
palette = 14=#7aa89f
palette = 15=#c5c9c5
background = #181616
foreground = #c5c9c5
cursor-color = #c8c093
cursor-text = #181616
selection-background = #c5c9c5
selection-foreground = #181616

Kanagawa Dragon palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#181616rgb(24 22 22)hsl(0 4% 9%)oklch(20.3% 0.003 17.4)—
Foregroundforeground#c5c9c5rgb(197 201 197)hsl(120 4% 78%)oklch(83.2% 0.007 145.5)10.76 AAA
Cursorcursor#c8c093rgb(200 192 147)hsl(51 33% 68%)oklch(80.3% 0.061 99.2)9.80 AAA
Cursor textcursorText#181616rgb(24 22 22)hsl(0 4% 9%)oklch(20.3% 0.003 17.4)1.00 Fail
Selectionselection#c5c9c5rgb(197 201 197)hsl(120 4% 78%)oklch(83.2% 0.007 145.5)10.76 AAA
Selection textselectionText#181616rgb(24 22 22)hsl(0 4% 9%)oklch(20.3% 0.003 17.4)1.00 Fail
Blackcolor0#0d0c0crgb(13 12 12)hsl(0 4% 5%)oklch(15.6% 0.002 17.3)1.08 Fail
Redcolor1#c4746ergb(196 116 110)hsl(4 42% 60%)oklch(64.5% 0.102 24.9)5.21 AA
Greencolor2#8a9a7brgb(138 154 123)hsl(91 13% 54%)oklch(66.5% 0.048 129.9)6.00 AA
Yellowcolor3#c4b28argb(196 178 138)hsl(41 33% 65%)oklch(76.9% 0.058 86.6)8.65 AAA
Bluecolor4#8ba4b0rgb(139 164 176)hsl(199 19% 62%)oklch(70.4% 0.033 228.4)6.90 AA
Magentacolor5#a292a3rgb(162 146 163)hsl(296 8% 61%)oklch(67.9% 0.031 324.1)6.16 AA
Cyancolor6#8ea4a2rgb(142 164 162)hsl(175 11% 60%)oklch(70.1% 0.025 189.9)6.85 AA
Whitecolor7#c8c093rgb(200 192 147)hsl(51 33% 68%)oklch(80.3% 0.061 99.2)9.80 AAA
Bright Blackcolor8#a6a69crgb(166 166 156)hsl(60 5% 63%)oklch(72.2% 0.014 106.7)7.34 AAA
Bright Redcolor9#e46876rgb(228 104 118)hsl(353 70% 65%)oklch(67.1% 0.154 15.3)5.61 AA
Bright Greencolor10#87a987rgb(135 169 135)hsl(120 17% 60%)oklch(70.0% 0.062 144.9)6.91 AA
Bright Yellowcolor11#e6c384rgb(230 195 132)hsl(39 66% 71%)oklch(83.3% 0.090 81.6)10.73 AAA
Bright Bluecolor12#7fb4cargb(127 180 202)hsl(198 41% 65%)oklch(74.1% 0.064 225.7)7.97 AAA
Bright Magentacolor13#938aa9rgb(147 138 169)hsl(257 15% 60%)oklch(65.2% 0.047 298.4)5.53 AA
Bright Cyancolor14#7aa89frgb(122 168 159)hsl(168 21% 57%)oklch(69.6% 0.051 181.3)6.81 AA
Bright Whitecolor15#c5c9c5rgb(197 201 197)hsl(120 4% 78%)oklch(83.2% 0.007 145.5)10.76 AAA

About Kanagawa Dragon

Kanagawa Dragon is a dark terminal color scheme built on a neutral #181616 background with #c5c9c5 as the default foreground. Body text reaches a 10.76:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 6.94:1 (minimum 5.21:1).

Its palette is low-saturation, anchored by #c4746e red, #8a9a7b green, #8ba4b0 blue, and #a292a3 magenta. Part of the Kanagawa theme family.

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 Kanagawa Dragon

Source: iTerm2 Color Schemes (MIT)