~ a quill writes ~

Potter.

A warm paper & ink color theme. Three flavors, for your editor, your terminal, your whole desktop.

accent
scroll ↓
paper & ink, three flavors, fourteen accents, twelve neutrals, one source of truth, your editor, your terminal, your whole desktop
01

the palette

Three flavors

14 hues + 12 neutrals each. Hover any swatch to inspect it; click to copy its hex.

Potter Parchmentlight

Hues

Neutrals

Potter Quilldark

Hues

Neutrals

Potter Inkdark

Hues

Neutrals

02

in the wild

It just looks so right everywhere

The same source palette drives your editor and your terminal.

brew.ts — potter
// a quill writes in three inks
import { Flavor } from "@potternu/palette";
 
export function brew(flavor: Flavor) {
  const accent = "#d97757"; // peach
  const steeped = 3;
  return { flavor, accent, steeped };
}
kitty — potter
❯ potter --flavor quill
steeping Potter Quill…
✓ 16 colors ✓ ANSI ! warm ● error
❯  
03

make it yours

Potter your wallpaper

Drop in any image, and with the flick and a swish of your wand, re-ink it in your flavor.

originalpotter quill
⇆

Want other palettes — Catppuccin, Gruvbox, Nord and more? Open the full Wallpaper Studio →

04

ports

Drop it into your whole setup

One source of truth, generated into every target. Web, editors, terminals, and your Arch (btw) desktop.

CCSS / Sassvars + maps, light/dark autoTTailwindv4 tokens + v3 presetNNeovimTreesitter + LSP groupsKTerminalskitty · alacritty · wezterm · footWWindows Terminal3 flavor schemes (.json)⊟Windows desktopaccent + dark mode (script)VVS Code3 themes, full token mapXXresourcesX11 / xterm / urxvtGGIMP.gpl · Inkscape · Krita⊞tmuxstatusline + panes➜Starshippalette + themed promptHHyprlandcolor vars to sourceBWaybar@define-color CSSRrofi.rasi theme varsMmakonotification colors{}JSONflat tokens for anything◆@potternu/palettetyped JS/TS bindings
05

install

Two lines to paper & ink

Pick your target. The snippet follows the flavor you've selected.

npm i @potternu/css

<html data-potter-flavor="quill">
@import "@potternu/css";

.btn {
  background: var(--potter-peach);
  color: var(--potter-base);
}