Skip to content

PencilDark

PencilDark is a dark terminal color scheme with a #202020 background and #f0f0f0 text (14.3:1 contrast)

Get config
Background
#202020
Foreground
#f0f0f0
Text contrast
14.30:1AAA
Accent contrast
5.71:1min 1.75
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
❯

PencilDark configs

16 formats, all from one palette

PencilDark

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

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

palette = 0=#202020
palette = 1=#c30670
palette = 2=#10a778
palette = 3=#a79c14
palette = 4=#008ec4
palette = 5=#523b78
palette = 6=#20a4b9
palette = 7=#d9d9d9
palette = 8=#414141
palette = 9=#fb0079
palette = 10=#5ed6ae
palette = 11=#f3e42f
palette = 12=#20bafb
palette = 13=#6854de
palette = 14=#4fb8cc
palette = 15=#f0f0f0
background = #202020
foreground = #f0f0f0
cursor-color = #20bafb
cursor-text = #202020
selection-background = #b6d6fc
selection-foreground = #202020

PencilDark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#202020rgb(32 32 32)hsl(0 0% 13%)oklch(24.4% 0.000 0)—
Foregroundforeground#f0f0f0rgb(240 240 240)hsl(0 0% 94%)oklch(95.5% 0.000 0)14.30 AAA
Cursorcursor#20bafbrgb(32 186 251)hsl(198 96% 55%)oklch(74.4% 0.149 233.8)7.35 AAA
Cursor textcursorText#202020rgb(32 32 32)hsl(0 0% 13%)oklch(24.4% 0.000 0)1.00 Fail
Selectionselection#b6d6fcrgb(182 214 252)hsl(213 92% 85%)oklch(86.5% 0.063 252.9)10.87 AAA
Selection textselectionText#202020rgb(32 32 32)hsl(0 0% 13%)oklch(24.4% 0.000 0)1.00 Fail
Blackcolor0#202020rgb(32 32 32)hsl(0 0% 13%)oklch(24.4% 0.000 0)1.00 Fail
Redcolor1#c30670rgb(195 6 112)hsl(326 94% 39%)oklch(53.4% 0.216 356.4)2.78 Fail
Greencolor2#10a778rgb(16 167 120)hsl(161 83% 36%)oklch(64.6% 0.134 164.2)5.29 AA
Yellowcolor3#a79c14rgb(167 156 20)hsl(56 79% 37%)oklch(68.1% 0.140 104.3)5.75 AA
Bluecolor4#008ec4rgb(0 142 196)hsl(197 100% 38%)oklch(61.0% 0.128 234.4)4.40 AA Large
Magentacolor5#523b78rgb(82 59 120)hsl(263 34% 35%)oklch(40.7% 0.101 299.3)1.75 Fail
Cyancolor6#20a4b9rgb(32 164 185)hsl(188 71% 43%)oklch(66.2% 0.109 211.6)5.49 AA
Whitecolor7#d9d9d9rgb(217 217 217)hsl(0 0% 85%)oklch(88.5% 0.000 0)11.54 AAA
Bright Blackcolor8#414141rgb(65 65 65)hsl(0 0% 25%)oklch(37.5% 0.000 0)1.60 Fail
Bright Redcolor9#fb0079rgb(251 0 121)hsl(331 100% 49%)oklch(63.6% 0.256 4.0)4.17 AA Large
Bright Greencolor10#5ed6aergb(94 214 174)hsl(160 59% 60%)oklch(79.7% 0.123 168.4)9.08 AAA
Bright Yellowcolor11#f3e42frgb(243 228 47)hsl(55 89% 57%)oklch(90.3% 0.181 104.3)12.37 AAA
Bright Bluecolor12#20bafbrgb(32 186 251)hsl(198 96% 55%)oklch(74.4% 0.149 233.8)7.35 AAA
Bright Magentacolor13#6854dergb(104 84 222)hsl(249 68% 60%)oklch(54.5% 0.201 284.1)3.03 AA Large
Bright Cyancolor14#4fb8ccrgb(79 184 204)hsl(190 55% 55%)oklch(72.9% 0.100 212.2)7.03 AAA
Bright Whitecolor15#f0f0f0rgb(240 240 240)hsl(0 0% 94%)oklch(95.5% 0.000 0)14.30 AAA

About PencilDark

PencilDark is a dark terminal color scheme built on a neutral #202020 background with #f0f0f0 as the default foreground. Body text reaches a 14.30:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.71:1 (minimum 1.75:1).

Its palette is moderately saturated, anchored by #c30670 red, #10a778 green, #008ec4 blue, and #523b78 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 PencilDark

Source: Kitty Themes (MIT)