#05070BObsidian
#00576APeacock
#576E84Storm
#00B579Jade

Orbit Jade & Peacock color palette

SpaceDarkColdBlackTealGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Orbit Jade & Peacock is a vivid dark, analogous color palette tagged space, dark, cold. The hues stay within 49° of each other on the color wheel, which is why the palette feels cohesive rather than busy. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#05070Brgb(5, 7, 11)hsl(220, 38%, 3%)oklch(12.8% 0.011 260)
Peacock#00576Argb(0, 87, 106)hsl(191, 100%, 21%)oklch(42.2% 0.076 219)
Storm#576E84rgb(87, 110, 132)hsl(209, 21%, 43%)oklch(52.8% 0.044 248)
Jade#00B579rgb(0, 181, 121)hsl(160, 100%, 35%)oklch(68.3% 0.153 161)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (43% down to 3% lightness). A natural fit for dark-mode interfaces and gaming.

  • Background: Jade (#00B579) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#05070B) on #00B579 gives 7.57:1, passing WCAG AAA.
  • Primary: Peacock (#00576A) is the most saturated mid-tone; use it for buttons and links (3.07:1 against the background, fine for UI elements).
  • Accent: Storm (#576E84) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Orbit Jade & Peacock

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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#05070B
#00576A
#576E84
#00B579

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#05070B on #00B579Aa7.57:1AAA
#05070B on #576E84Aa3.81:1AA large only
#00576A on #00B579Aa3.07:1AA large only
#05070B on #00576AAa2.47:1Fail
#576E84 on #00B579Aa1.99:1Fail
#00576A on #576E84Aa1.54:1Fail

Similar palettes 24 more in this mood

More space palettes →More dark palettes →More cold palettes →More black palettes →More teal palettes →More green palettes →