What are the hex codes in the Ink & Paper palette?

The Ink & Paper color palette consists of Ink #0D1B2A, Dusk #3C5374, Steel Blue #5A7A9E, Almond #E0E1DD.

How should I use the Ink & Paper palette on a website?

Use Almond #E0E1DD as the background, Ink #0D1B2A for text, Dusk #3C5374 for buttons and links, and Steel Blue #5A7A9E for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Almond at 13.24:1.

Which colors in Ink & Paper have enough contrast for text?

The highest-contrast pair is #0D1B2A on #E0E1DD with a ratio of 13.24:1, which passes WCAG AA for normal text.

#0D1B2AInk

#3C5374Dusk

#5A7A9ESteel Blue

#E0E1DDAlmond

Ink & Paper color palette

Dark Tech Modern Muted Cold

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#0D1B2A`	`rgb(13, 27, 42)`	`hsl(211, 53%, 11%)`	`oklch(21.8% 0.036 251)`
Dusk	`#3C5374`	`rgb(60, 83, 116)`	`hsl(215, 32%, 35%)`	`oklch(43.8% 0.062 257)`
Steel Blue	`#5A7A9E`	`rgb(90, 122, 158)`	`hsl(212, 27%, 49%)`	`oklch(56.9% 0.067 252)`
Almond	`#E0E1DD`	`rgb(224, 225, 221)`	`hsl(75, 6%, 87%)`	`oklch(90.8% 0.005 118)`

Why it works and how to use it

Ink & Paper is a monochromatic color palette tagged dark, tech, modern. A monochromatic set: the same hue family from Ink down to Almond. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

With 3 chromatic colors, Dusk takes the lead while the rest support. Lightness runs from 11% to 87%. Well suited to a SaaS landing page or dashboard.

Background: Almond (#E0E1DD) is the lightest color, so it belongs on large surfaces.
Text: Ink (#0D1B2A) on #E0E1DD gives 13.24:1, passing WCAG AAA.
Primary: Dusk (#3C5374) is the most saturated mid-tone; use it for buttons and links (5.96:1 against the background, fine for UI elements).
Accent: Steel Blue (#5A7A9E) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Almond at 13.24:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Ink & Paper

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#0D1B2A

#3C5374

#5A7A9E

#E0E1DD

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#0D1B2A` on `#E0E1DD`	Aa	13.24:1	AAA
`#3C5374` on `#E0E1DD`	Aa	5.96:1	AA
`#0D1B2A` on `#5A7A9E`	Aa	3.9:1	AA large only
`#5A7A9E` on `#E0E1DD`	Aa	3.39:1	AA large only
`#0D1B2A` on `#3C5374`	Aa	2.22:1	Fail
`#3C5374` on `#5A7A9E`	Aa	1.76:1	Fail

Similar palettes 25 more in this mood