Cyberpunk Color Palette

Updated April 17, 2026

A futuristic cyberpunk color palette — neon magenta, electric cyan, deep purple, and jet black. Hex codes for gaming, sci-fi, and tech designs.

The Cyberpunk Palette

• Neon Magenta #FF006E rgb(255, 0, 110) hsl(334, 100%, 50%)
• Hot Orange #FF4D00 rgb(255, 77, 0) hsl(18, 100%, 50%)
• Matrix Yellow #FFBE0B rgb(255, 190, 11) hsl(44, 100%, 52%)
• Electric Cyan #00F5FF rgb(0, 245, 255) hsl(182, 100%, 50%)
• Deep Purple #7209B7 rgb(114, 9, 183) hsl(276, 91%, 38%)
• Grid Black #030014 rgb(3, 0, 20) hsl(249, 100%, 4%)

Hex Codes at a Glance

#FF006E, #FF4D00, #FFBE0B, #00F5FF, #7209B7, #030014

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This cyberpunk palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.