What are the papermark.com brand colors?

The main papermark.com colors are #000000 (accent), #ffffff (background) and #0b0b0b (text). The full palette of 10 colors, with the role of each, is on this page as hex codes.

What is the papermark.com hex code?

The accent color on papermark.com is #000000; the page background is #ffffff and the main text color #0b0b0b. Each is measured from the rendered page, so it is what visitors see, not a value from a style guide.

How do I use the papermark.com colors in Tailwind or CSS?

Copy the CSS variables or the Tailwind v4 theme on this page, or download the design pack: it includes tokens.json (W3C design tokens), tokens.css and tailwind.css with the same values.

papermark.com color palette: hex codes and CSS

Palette

10 colors

Colors	Role	Hex	RGB	Light / dark
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#030712`
`surface`	Cards, panels, raised or recessed surfaces	`#f5f3ee`	`rgb(245 243 238)`	`#000000`
`surface-2`	Secondary surface	`#dddddd`	`rgb(221 221 221)`	`#0b0b0b`
`surface-3`	Secondary surface	`#d1d1d1`	`rgb(209 209 209)`	`#1a1a1a`
`foreground`	Primary text	`#0b0b0b`	`rgb(11 11 11)`	`#0b0b0b`
`muted-foreground`	Secondary text, captions	`#949494`	`rgb(148 148 148)`
`primary`	Candidate accent (semantic role inferred)	`#000000`	`rgb(0 0 0)`	`#ffffff`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#111111`
`secondary`	Secondary accent (teal)	`#08a87a`	`rgb(8 168 122)`	`#08a87a`
`border`	Hairlines, dividers, input borders	`#ffffff`	`rgb(255 255 255)`	`#121620`

CSS variables

Every color as a custom property, named by role. The dark block is there when the site has a dark theme.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #f5f3ee;
4  --color-surface-2: #dddddd;
5  --color-surface-3: #d1d1d1;
6  --color-foreground: #0b0b0b;
7  --color-muted-foreground: #949494;
8  --color-primary: #000000;
9  --color-on-primary: #ffffff;
10  --color-secondary: #08a87a;
11  --color-border: #ffffff;
12}
13
14[data-theme="dark"] {
15  --color-background: #030712;
16  --color-surface: #000000;
17  --color-surface-2: #0b0b0b;
18  --color-surface-3: #1a1a1a;
19  --color-foreground: #0b0b0b;
20  --color-primary: #ffffff;
21  --color-on-primary: #111111;
22  --color-secondary: #08a87a;
23  --color-border: #121620;
24}

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/papermark.com/DESIGN.md

The papermark.com color palette