Skip to content
Tintdex

Kanagawa

Kanagawa is a cool, dark terminal color scheme with a #1f1f28 background and #dcd7ba text (11.3:1 contrast)

Get config
Background
#1f1f28
Foreground
#dcd7ba
Text contrast
11.26:1AAA
Accent contrast
5.05:1min 3.22
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 configs

16 formats, all from one palette

Kanagawa

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

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

palette = 0=#1f1f28
palette = 1=#c34043
palette = 2=#76946a
palette = 3=#c0a36e
palette = 4=#7e9cd8
palette = 5=#957fb8
palette = 6=#6a9589
palette = 7=#dcd7ba
palette = 8=#54546d
palette = 9=#c34043
palette = 10=#76946a
palette = 11=#c0a36e
palette = 12=#7e9cd8
palette = 13=#957fb8
palette = 14=#6a9589
palette = 15=#717c7c
background = #1f1f28
foreground = #dcd7ba
cursor-color = #dcd7ba
cursor-text = #1f1f28
selection-background = #484849
selection-foreground = #dcd7ba

Kanagawa palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1f1f28rgb(31 31 40)hsl(240 13% 14%)oklch(24.3% 0.017 285.1)—
Foregroundforeground#dcd7bargb(220 215 186)hsl(51 33% 80%)oklch(87.6% 0.039 99.1)11.26 AAA
Cursorcursor#dcd7bargb(220 215 186)hsl(51 33% 80%)oklch(87.6% 0.039 99.1)11.26 AAA
Cursor textcursorText#1f1f28rgb(31 31 40)hsl(240 13% 14%)oklch(24.3% 0.017 285.1)1.00 Fail
Selectionselection#484849rgb(72 72 73)hsl(240 1% 28%)oklch(40.2% 0.002 286.3)1.79 Fail
Selection textselectionText#dcd7bargb(220 215 186)hsl(51 33% 80%)oklch(87.6% 0.039 99.1)11.26 AAA
Blackcolor0#1f1f28rgb(31 31 40)hsl(240 13% 14%)oklch(24.3% 0.017 285.1)1.00 Fail
Redcolor1#c34043rgb(195 64 67)hsl(359 52% 51%)oklch(55.9% 0.167 23.1)3.22 AA Large
Greencolor2#76946argb(118 148 106)hsl(103 17% 50%)oklch(63.2% 0.070 136.9)4.84 AA
Yellowcolor3#c0a36ergb(192 163 110)hsl(39 39% 59%)oklch(72.9% 0.078 82.0)6.78 AA
Bluecolor4#7e9cd8rgb(126 156 216)hsl(220 54% 67%)oklch(69.4% 0.095 263.7)5.94 AA
Magentacolor5#957fb8rgb(149 127 184)hsl(263 29% 61%)oklch(63.8% 0.087 301.7)4.67 AA
Cyancolor6#6a9589rgb(106 149 137)hsl(163 17% 50%)oklch(63.5% 0.050 175.4)4.88 AA
Whitecolor7#dcd7bargb(220 215 186)hsl(51 33% 80%)oklch(87.6% 0.039 99.1)11.26 AAA
Bright Blackcolor8#54546drgb(84 84 109)hsl(240 13% 38%)oklch(45.6% 0.041 284.7)2.23 Fail
Bright Redcolor9#c34043rgb(195 64 67)hsl(359 52% 51%)oklch(55.9% 0.167 23.1)3.22 AA Large
Bright Greencolor10#76946argb(118 148 106)hsl(103 17% 50%)oklch(63.2% 0.070 136.9)4.84 AA
Bright Yellowcolor11#c0a36ergb(192 163 110)hsl(39 39% 59%)oklch(72.9% 0.078 82.0)6.78 AA
Bright Bluecolor12#7e9cd8rgb(126 156 216)hsl(220 54% 67%)oklch(69.4% 0.095 263.7)5.94 AA
Bright Magentacolor13#957fb8rgb(149 127 184)hsl(263 29% 61%)oklch(63.8% 0.087 301.7)4.67 AA
Bright Cyancolor14#6a9589rgb(106 149 137)hsl(163 17% 50%)oklch(63.5% 0.050 175.4)4.88 AA
Bright Whitecolor15#717c7crgb(113 124 124)hsl(180 5% 46%)oklch(57.7% 0.013 196.8)3.80 AA Large

About Kanagawa

Kanagawa is a dark terminal color scheme built on a cool-tinted #1f1f28 background with #dcd7ba as the default foreground. Body text reaches a 11.26:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.05:1 (minimum 3.22:1).

Its palette is moderately saturated, anchored by #c34043 red, #76946a green, #7e9cd8 blue, and #957fb8 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

Source: Gogh (MIT OR Apache-2.0)