What are the hex codes in the Space Odyssey palette?

The Space Odyssey color palette consists of Navy #03045E, Ocean #0077B6, Cyan #00B4D8, Powder Blue #90E0EF.

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

Use Powder Blue #90E0EF as the background, Navy #03045E for text, Ocean #0077B6 for buttons and links, and Cyan #00B4D8 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Navy on Powder Blue at 11.92:1.

Which colors in Space Odyssey have enough contrast for text?

The highest-contrast pair is #03045E on #90E0EF with a ratio of 11.92:1, which passes WCAG AA for normal text.

#03045ENavy

#0077B6Ocean

#00B4D8Cyan

#90E0EFPowder Blue

Space Odyssey color palette

Space Cold Blue Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Navy	`#03045E`	`rgb(3, 4, 94)`	`hsl(239, 94%, 19%)`	`oklch(22.5% 0.146 266)`
Ocean	`#0077B6`	`rgb(0, 119, 182)`	`hsl(201, 100%, 36%)`	`oklch(54.6% 0.131 243)`
Cyan	`#00B4D8`	`rgb(0, 180, 216)`	`hsl(190, 100%, 42%)`	`oklch(71.1% 0.129 219)`
Powder Blue	`#90E0EF`	`rgb(144, 224, 239)`	`hsl(189, 75%, 75%)`	`oklch(86.0% 0.081 211)`

Why it works and how to use it

Space Odyssey is a vivid analogous color palette tagged space, cold, blue. Analogous neighbors on the wheel (Navy, Ocean, Cyan) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.

With 4 chromatic colors, Ocean takes the lead while the rest support. Lightness runs from 19% to 75%. Well suited to websites, presentations and branding.

Background: Powder Blue (#90E0EF) is the lightest color, so it belongs on large surfaces.
Text: Navy (#03045E) on #90E0EF gives 11.92:1, passing WCAG AAA.
Primary: Ocean (#0077B6) is the most saturated mid-tone; use it for buttons and links (3.27:1 against the background, fine for UI elements).
Accent: Cyan (#00B4D8) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Navy on Powder Blue at 11.92:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Space Odyssey

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

#03045E

#0077B6

#00B4D8

#90E0EF

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
`#03045E` on `#90E0EF`	Aa	11.92:1	AAA
`#03045E` on `#00B4D8`	Aa	7.2:1	AAA
`#03045E` on `#0077B6`	Aa	3.65:1	AA large only
`#0077B6` on `#90E0EF`	Aa	3.27:1	AA large only
`#0077B6` on `#00B4D8`	Aa	1.97:1	Fail
`#00B4D8` on `#90E0EF`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood