#0A0A0AObsidian
#3D3D3DIron
#CCFF00Lime
#FFFFFFWhite

Electric Lime color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Electric Lime is a neutral-based color palette tagged neon, tech, dark. Built almost entirely from neutrals, with Lime (#CCFF00) 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#0A0A0Argb(10, 10, 10)hsl(0, 0%, 4%)oklch(14.5% 0.000 0)
Iron#3D3D3Drgb(61, 61, 61)hsl(0, 0%, 24%)oklch(36.0% 0.000 0)
Lime#CCFF00rgb(204, 255, 0)hsl(72, 100%, 50%)oklch(93.1% 0.229 123)
White#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)oklch(100.0% 0.000 0)

Why it works and how to use it

It works because the lightness range is wide (4% to 100%), which gives clear hierarchy between background, content and accents. Try it for a SaaS landing page or dashboard.

  • Background: White (#FFFFFF) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#0A0A0A) on #FFFFFF gives 19.8:1, passing WCAG AAA.
  • Primary: Lime (#CCFF00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Iron (#3D3D3D) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Electric Lime

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

#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF

Color-blind check: under tritanopia, Lime and White become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#0A0A0A on #FFFFFFAa19.8:1AAA
#0A0A0A on #CCFF00Aa16.85:1AAA
#3D3D3D on #FFFFFFAa10.86:1AAA
#3D3D3D on #CCFF00Aa9.24:1AAA
#0A0A0A on #3D3D3DAa1.82:1Fail
#CCFF00 on #FFFFFFAa1.18:1Fail

Similar palettes 24 more in this mood