What are the hex codes in the Deep Space palette?

The Deep Space color palette consists of Obsidian #000814, Prussian Blue #1B3A69, Lapis #2A5A99, Amber #FFC300.

How should I use the Deep Space palette on a website?

Use Amber #FFC300 as the background, Obsidian #000814 for text, Prussian Blue #1B3A69 for buttons and links, and Lapis #2A5A99 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Amber at 12.5:1.

Which colors in Deep Space have enough contrast for text?

The highest-contrast pair is #000814 on #FFC300 with a ratio of 12.5:1, which passes WCAG AA for normal text.

#000814Obsidian

#1B3A69Prussian Blue

#2A5A99Lapis

#FFC300Amber

Deep Space color palette

Space Gold Dark Black Blue Yellow

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#000814`	`rgb(0, 8, 20)`	`hsl(216, 100%, 4%)`	`oklch(13.1% 0.034 247)`
Prussian Blue	`#1B3A69`	`rgb(27, 58, 105)`	`hsl(216, 59%, 26%)`	`oklch(35.2% 0.090 259)`
Lapis	`#2A5A99`	`rgb(42, 90, 153)`	`hsl(214, 57%, 38%)`	`oklch(46.7% 0.115 256)`
Amber	`#FFC300`	`rgb(255, 195, 0)`	`hsl(46, 100%, 50%)`	`oklch(84.8% 0.174 86)`

Why it works and how to use it

Deep Space is a vivid dark, complementary color palette tagged space, gold, dark. Near-complementary hues (about 170° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Prussian Blue takes the lead while the rest support. Lightness runs from 4% to 50%. Well suited to premium branding and packaging.

Background: Amber (#FFC300) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#000814) on #FFC300 gives 12.5:1, passing WCAG AAA.
Primary: Prussian Blue (#1B3A69) is the most saturated mid-tone; use it for buttons and links (7.04:1 against the background, fine for UI elements).
Accent: Lapis (#2A5A99) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Amber at 12.5:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Deep Space

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

#000814

#1B3A69

#2A5A99

#FFC300

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
`#000814` on `#FFC300`	Aa	12.5:1	AAA
`#1B3A69` on `#FFC300`	Aa	7.04:1	AAA
`#2A5A99` on `#FFC300`	Aa	4.32:1	AA large only
`#000814` on `#2A5A99`	Aa	2.89:1	Fail
`#000814` on `#1B3A69`	Aa	1.78:1	Fail
`#1B3A69` on `#2A5A99`	Aa	1.63:1	Fail

Similar palettes 25 more in this mood