A small 8 colour palette made for paper and ink / parchment style designs. To be used for things like old scrolls and maps and to give the feel of old fasioned ink on parchment drawings.
Installation
Section titled “Installation”pnpm dlx shadcn@latest add pxl-ui/registry/colors/justparchment8
Copy and paste the following code into your project.
Include the following CSS vars in your Tailwind main file
:root { --background: var(--color-justparchment8-base-50); --foreground: var(--color-justparchment8-base-600); --card: var(--color-justparchment8-base-50); --card-foreground: var(--color-justparchment8-base-600); --popover: var(--color-justparchment8-base-50); --popover-foreground: var(--color-justparchment8-base-600); --accent: var(--color-justparchment8-base-100); --accent-foreground: var(--color-justparchment8-base-700); --border: var(--color-justparchment8-base-400); --input: var(--color-justparchment8-base-400); --ring: var(--color-justparchment8-base-600); --muted: var(--color-justparchment8-base-100); --muted-foreground: var(--color-justparchment8-base-400);}.dark,[data-theme="dark"] { --background: var(--color-justparchment8-base-950); --foreground: var(--color-justparchment8-base-100); --card: var(--color-justparchment8-base-700); --card-foreground: var(--color-justparchment8-base-100); --popover: var(--color-justparchment8-base-800); --popover-foreground: var(--color-justparchment8-base-100); --muted: var(--color-justparchment8-base-600); --muted-foreground: var(--color-justparchment8-base-400); --accent: var(--color-justparchment8-base-600); --accent-foreground: var(--color-justparchment8-base-50); --border: var(--color-justparchment8-base-600); --input: var(--color-justparchment8-base-600); --ring: var(--color-justparchment8-base-400);}