What are the hex codes in the Black & Sky palette?

The Black & Sky color palette consists of Obsidian #0A0A0A, Onyx #353A40, Baby Blue #7FC8F8, Snow #F5FAFF.

How should I use the Black & Sky palette on a website?

Use Snow #F5FAFF as the background, Obsidian #0A0A0A for text, Baby Blue #7FC8F8 for buttons and links, and Onyx #353A40 for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Snow at 18.86:1.

Which colors in Black & Sky have enough contrast for text?

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

#0A0A0AObsidian

#353A40Onyx

#7FC8F8Baby Blue

#F5FAFFSnow

Black & Sky color palette

Tech Dark Minimal Black Gray Blue White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0A0A0A`	`rgb(10, 10, 10)`	`hsl(0, 0%, 4%)`	`oklch(14.5% 0.000 0)`
Onyx	`#353A40`	`rgb(53, 58, 64)`	`hsl(213, 9%, 23%)`	`oklch(34.6% 0.013 253)`
Baby Blue	`#7FC8F8`	`rgb(127, 200, 248)`	`hsl(204, 90%, 74%)`	`oklch(80.3% 0.100 239)`
Snow	`#F5FAFF`	`rgb(245, 250, 255)`	`hsl(210, 100%, 98%)`	`oklch(98.3% 0.009 248)`

Why it works and how to use it

Black & Sky is a neutral-based color palette tagged tech, dark, minimal. Built almost entirely from neutrals, with Snow (#F5FAFF) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

Two of the four colors are near-neutral, which leaves room for Baby Blue to lead. Lightness runs from 4% to 98%. Well suited to a SaaS landing page or dashboard.

Background: Snow (#F5FAFF) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0A0A0A) on #F5FAFF gives 18.86:1, passing WCAG AAA.
Primary: Baby Blue (#7FC8F8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Onyx (#353A40) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Snow at 18.86:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Black & Sky

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

#0A0A0A

#353A40

#7FC8F8

#F5FAFF

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
`#0A0A0A` on `#F5FAFF`	Aa	18.86:1	AAA
`#353A40` on `#F5FAFF`	Aa	10.93:1	AAA
`#0A0A0A` on `#7FC8F8`	Aa	10.86:1	AAA
`#353A40` on `#7FC8F8`	Aa	6.29:1	AA
`#7FC8F8` on `#F5FAFF`	Aa	1.74:1	Fail
`#0A0A0A` on `#353A40`	Aa	1.73:1	Fail

Similar palettes 24 more in this mood