What are the hex codes in the Indigo Signal palette?

The Indigo Signal color palette consists of Ink #0F172A, Graphite #444F64, Royal Blue #6366F1, Snow #F8FAFC.

How should I use the Indigo Signal palette on a website?

Use Snow #F8FAFC as the background, Ink #0F172A for text, Royal Blue #6366F1 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 Indigo Signal 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

#6366F1Royal Blue

#F8FAFCSnow

Indigo Signal color palette

Tech Dark Minimal Blue 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)`
Royal Blue	`#6366F1`	`rgb(99, 102, 241)`	`hsl(239, 84%, 67%)`	`oklch(58.5% 0.204 277)`
Snow	`#F8FAFC`	`rgb(248, 250, 252)`	`hsl(210, 40%, 98%)`	`oklch(98.4% 0.003 248)`

Why it works and how to use it

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

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

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: Royal Blue (#6366F1) is the most saturated mid-tone; use it for buttons and links (4.27: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 Indigo Signal

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

#6366F1

#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
`#6366F1` on `#F8FAFC`	Aa	4.27:1	AA large only
`#0F172A` on `#6366F1`	Aa	4:1	AA large only
`#0F172A` on `#444F64`	Aa	2.17:1	Fail
`#444F64` on `#6366F1`	Aa	1.84:1	Fail

Similar palettes 24 more in this mood