Paper and Ink
A near-monochrome scale from warm paper to deep ink, built for typography-led layouts.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(60, 23%, 97%) | cmyk(0%, 0%, 1%, 2%) | |||
| hsl(43, 13%, 90%) | cmyk(0%, 1%, 3%, 9%) | |||
| hsl(40, 6%, 58%) | cmyk(0%, 3%, 8%, 40%) | |||
| hsl(48, 5%, 22%) | cmyk(0%, 2%, 9%, 77%) | |||
| hsl(0, 0%, 7%) | cmyk(0%, 0%, 0%, 93%) |
CSS
:root {
--paper-and-ink-1: #FAFAF7;
--paper-and-ink-2: #E8E6E1;
--paper-and-ink-3: #9A968E;
--paper-and-ink-4: #3A3935;
--paper-and-ink-5: #111111;
}How these colors work together
It is built mostly from neutrals, so structure comes from lightness rather than hue. Overall it reads neutral. Lightness spans 91 points, which sets how much contrast you can create.
5 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #FAFAF7 on #111111 (18.06:1).
Paper and Ink — readable text using the best pair.
Suggested applications
- Portfolios, editorial layouts and calm product pages.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Paper and Ink palette?
The Paper and Ink palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #FAFAF7 on #111111: it has a contrast ratio of 18.06:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.