#050505Obsidian
#373737Onyx
#3D5AFENeon Blue
#FFFFFFWhite

Black & Electric color palette

TechDarkNeonMinimalBlackGrayBlueWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Black & Electric is a neutral-based color palette tagged tech, dark, neon. Built almost entirely from neutrals, with Neon Blue (#3D5AFE) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#050505rgb(5, 5, 5)hsl(0, 0%, 2%)oklch(11.5% 0.000 0)
Onyx#373737rgb(55, 55, 55)hsl(0, 0%, 22%)oklch(33.7% 0.000 0)
Neon Blue#3D5AFErgb(61, 90, 254)hsl(231, 99%, 62%)oklch(55.5% 0.243 269)
White#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)oklch(100.0% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (100% down to 2% lightness). A natural fit for a SaaS landing page or dashboard.

  • Background: White (#FFFFFF) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#050505) on #FFFFFF gives 20.38:1, passing WCAG AAA.
  • Primary: Neon Blue (#3D5AFE) is the most saturated mid-tone; use it for buttons and links (5.13:1 against the background, fine for UI elements).
  • Accent: Onyx (#373737) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Black & Electric

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

#050505
#373737
#3D5AFE
#FFFFFF

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#050505 on #FFFFFFAa20.38:1AAA
#373737 on #FFFFFFAa11.9:1AAA
#3D5AFE on #FFFFFFAa5.13:1AA
#050505 on #3D5AFEAa3.97:1AA large only
#373737 on #3D5AFEAa2.32:1Fail
#050505 on #373737Aa1.71:1Fail

Similar palettes 24 more in this mood

More tech palettes →More dark palettes →More neon palettes →More minimal palettes →More black palettes →More gray palettes →More blue palettes →More white palettes →