Cyberpunk Color Palette

Neon magenta, electric cyan, and deep purple against a near-black backdrop define the cyberpunk aesthetic. This futuristic palette powers sci-fi game UIs, tech event posters, and cutting-edge brand identities.

#0D0D1A

Dark Indigo

RGB(13, 13, 26)

HSL(240, 33%, 8%)

#1A0A2E

Dark Violet

RGB(26, 10, 46)

HSL(267, 64%, 11%)

#FF00FF

Vivid Purple

RGB(255, 0, 255)

HSL(300, 100%, 50%)

#00FFFF

Vivid Cyan

RGB(0, 255, 255)

HSL(180, 100%, 50%)

#8B00FF

Vivid Violet

RGB(139, 0, 255)

HSL(273, 100%, 50%)

#FF1493

Vivid Magenta

RGB(255, 20, 147)

HSL(328, 100%, 54%)

lightbulbBest Use Cases

  • checkGame UIs
  • checkTech events
  • checkFuturistic branding

businessIndustries

  • checkGaming
  • checkTechnology
Mood:futuristic

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #0D0D1A;
  --color-2: #1A0A2E;
  --color-3: #FF00FF;
  --color-4: #00FFFF;
  --color-5: #8B00FF;
  --color-6: #FF1493;
}

Tailwind CSS Config

colors: {
  'cyberpunk-1': '#0D0D1A',
  'cyberpunk-2': '#1A0A2E',
  'cyberpunk-3': '#FF00FF',
  'cyberpunk-4': '#00FFFF',
  'cyberpunk-5': '#8B00FF',
  'cyberpunk-6': '#FF1493',
}
cyberpunkneonfuturisticdarksci-fi

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes