What are the hex codes in the Burnt Orange & Ink Tale palette?

The Burnt Orange & Ink Tale color palette consists of Ink #0F172A, Graphite #444F64, Burnt Orange #D64000, Snow #F8FAFC.

How should I use the Burnt Orange & Ink Tale palette on a website?

Use Snow #F8FAFC as the background, Ink #0F172A for text, Burnt Orange #D64000 for buttons and links, and Graphite #444F64 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Snow at 17.06:1.

Which colors in Burnt Orange & Ink Tale have enough contrast for text?

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

#0F172AInk

#444F64Graphite

#D64000Burnt Orange

#F8FAFCSnow

Burnt Orange & Ink Tale color palette

Dark Minimal Orange White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#0F172A`	`rgb(15, 23, 42)`	`hsl(222, 47%, 11%)`	`oklch(20.8% 0.040 266)`
Graphite	`#444F64`	`rgb(68, 79, 100)`	`hsl(219, 19%, 33%)`	`oklch(42.7% 0.038 263)`
Burnt Orange	`#D64000`	`rgb(214, 64, 0)`	`hsl(18, 100%, 42%)`	`oklch(58.6% 0.195 37)`
Snow	`#F8FAFC`	`rgb(248, 250, 252)`	`hsl(210, 40%, 98%)`	`oklch(98.4% 0.003 248)`

Why it works and how to use it

Burnt Orange & Ink Tale is a complementary color palette tagged dark, minimal, orange. Ink and Burnt Orange sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Burnt Orange takes the lead while the rest support. Lightness runs from 11% to 98%. Well suited to websites, presentations and branding.

Background: Snow (#F8FAFC) is the lightest color, so it belongs on large surfaces.
Text: Ink (#0F172A) on #F8FAFC gives 17.06:1, passing WCAG AAA.
Primary: Burnt Orange (#D64000) is the most saturated mid-tone; use it for buttons and links (4.37:1 against the background, fine for UI elements).
Accent: Graphite (#444F64) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Burnt Orange & Ink Tale

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

#0F172A

#444F64

#D64000

#F8FAFC

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
`#0F172A` on `#F8FAFC`	Aa	17.06:1	AAA
`#444F64` on `#F8FAFC`	Aa	7.88:1	AAA
`#D64000` on `#F8FAFC`	Aa	4.37:1	AA large only
`#0F172A` on `#D64000`	Aa	3.9:1	AA large only
`#0F172A` on `#444F64`	Aa	2.17:1	Fail
`#444F64` on `#D64000`	Aa	1.8:1	Fail

Similar palettes 24 more in this mood