Skip to content
Tintdex

Syncopation

Syncopation is a dark terminal color scheme with a #0e1317 background and #d6dad4 text (13.2:1 contrast)

Get config
Background
#0e1317
Foreground
#d6dad4
Text contrast
13.20:1AAA
Accent contrast
9.18:1min 6.15
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
❯

Syncopation configs

16 formats, all from one palette

Syncopation

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

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

palette = 0=#222b34
palette = 1=#e8705e
palette = 2=#94c27e
palette = 3=#e9ad4e
palette = 4=#6fa3d8
palette = 5=#d08aa3
palette = 6=#4dbaae
palette = 7=#b4bbb6
palette = 8=#76828d
palette = 9=#ff7b5e
palette = 10=#b3dd9d
palette = 11=#ffc03d
palette = 12=#98c4f2
palette = 13=#f2afc2
palette = 14=#86ddd2
palette = 15=#f0f2ec
background = #0e1317
foreground = #d6dad4
cursor-color = #ffb23d
cursor-text = #0e1317
selection-background = #23384a
selection-foreground = #f0f2ec

Syncopation palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0e1317rgb(14 19 23)hsl(207 24% 7%)oklch(18.3% 0.011 242.4)—
Foregroundforeground#d6dad4rgb(214 218 212)hsl(100 7% 84%)oklch(88.4% 0.009 134.9)13.20 AAA
Cursorcursor#ffb23drgb(255 178 61)hsl(36 100% 62%)oklch(81.8% 0.154 73.1)10.40 AAA
Cursor textcursorText#0e1317rgb(14 19 23)hsl(207 24% 7%)oklch(18.3% 0.011 242.4)1.00 Fail
Selectionselection#23384argb(35 56 74)hsl(208 36% 21%)oklch(33.1% 0.042 245.4)1.54 Fail
Selection textselectionText#f0f2ecrgb(240 242 236)hsl(80 19% 94%)oklch(95.8% 0.008 121.6)16.56 AAA
Blackcolor0#222b34rgb(34 43 52)hsl(210 21% 17%)oklch(28.4% 0.021 248.6)1.30 Fail
Redcolor1#e8705ergb(232 112 94)hsl(8 75% 64%)oklch(68.3% 0.153 30.2)6.15 AA
Greencolor2#94c27ergb(148 194 126)hsl(101 36% 63%)oklch(76.4% 0.105 135.9)9.14 AAA
Yellowcolor3#e9ad4ergb(233 173 78)hsl(37 78% 61%)oklch(78.6% 0.131 76.1)9.39 AAA
Bluecolor4#6fa3d8rgb(111 163 216)hsl(210 57% 64%)oklch(70.0% 0.096 249.8)7.03 AAA
Magentacolor5#d08aa3rgb(208 138 163)hsl(339 43% 68%)oklch(71.1% 0.091 356.6)6.98 AA
Cyancolor6#4dbaaergb(77 186 174)hsl(173 44% 52%)oklch(72.3% 0.101 185.3)7.96 AAA
Whitecolor7#b4bbb6rgb(180 187 182)hsl(137 5% 72%)oklch(78.5% 0.010 155.0)9.54 AAA
Bright Blackcolor8#76828drgb(118 130 141)hsl(209 9% 51%)oklch(60.0% 0.022 245.8)4.76 AA
Bright Redcolor9#ff7b5ergb(255 123 94)hsl(11 100% 68%)oklch(73.1% 0.167 33.8)7.34 AAA
Bright Greencolor10#b3dd9drgb(179 221 157)hsl(99 48% 74%)oklch(85.2% 0.097 135.1)12.23 AAA
Bright Yellowcolor11#ffc03drgb(255 192 61)hsl(41 100% 62%)oklch(84.4% 0.156 81.3)11.44 AAA
Bright Bluecolor12#98c4f2rgb(152 196 242)hsl(211 78% 77%)oklch(80.5% 0.081 250.0)10.24 AAA
Bright Magentacolor13#f2afc2rgb(242 175 194)hsl(343 72% 82%)oklch(82.2% 0.082 0.4)10.40 AAA
Bright Cyancolor14#86ddd2rgb(134 221 210)hsl(172 56% 70%)oklch(83.9% 0.086 185.4)11.82 AAA
Bright Whitecolor15#f0f2ecrgb(240 242 236)hsl(80 19% 94%)oklch(95.8% 0.008 121.6)16.56 AAA

About Syncopation

Syncopation is a dark terminal color scheme built on a neutral #0e1317 background with #d6dad4 as the default foreground. Body text reaches a 13.20:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 9.18:1 (minimum 6.15:1).

Its palette is moderately saturated, anchored by #e8705e red, #94c27e green, #6fa3d8 blue, and #d08aa3 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 Syncopation

Source: iTerm2 Color Schemes (MIT)