Top 15 Cyberpunk Color Palettes for Creative Projects With HEX Codes

Cyberpunk Color is built around high contrast, luminous accents, and deep atmospheric shadows. Electric cyan, vivid magenta, acid green, ultraviolet, and hot orange can make a design feel futuristic, energetic, rebellious, or cinematic, while dark navy and black tones create a strong visual foundation.

These Cyberpunk Color palettes work especially well for videos, thumbnails, intros, music visuals, gaming content, branding, user interfaces, and social media campaigns. Below, you will find Cyberpunk Color color palettes with HEX codes for creators and Filmora users, along with practical ideas for applying each combination to creative projects.

Neon City Cyberpunk Color Palettes

Neon Rain District

• HEX Codes: #0b1026, #1b1f5c, #00e5ff, #ff2bd6, #f6f7ff
• Mood: Electric, nocturnal, cinematic, and futuristic.
• Use for: This palette works well for video thumbnails, music visuals, nightlife branding, and cinematic title sequences.

Neon Rain District captures the glow of a futuristic city after dark. The deep navy base creates a cinematic background, while cyan and magenta accents provide the bright reflections associated with rain-soaked streets, digital signs, and high-tech skylines.

Use the darkest shades for backgrounds, overlays, and title cards, then reserve cyan and magenta for text, motion accents, light streaks, and focal points. This balance helps thumbnails and intros feel energetic without making every element compete for attention.

Pro Tip: Build A Cinematic Cyberpunk Color Look In Filmora

Filmora can help you keep the Neon Rain District palette consistent across an entire edit. Use the dark navy tones for opening shots and transitions, then bring cyan and magenta into title animations, b-roll overlays, lower thirds, and music-synced effects.

For a cohesive result, apply the brighter colors selectively. A consistent accent color for captions or key transitions can make a vlog, gaming video, or cinematic montage feel like it belongs to one carefully designed world.

AI Color Palette

Creators can use a reference image, mood board, or custom color card based on Neon Rain District and apply its visual balance across a video. Filmora's AI Color Palette feature helps match footage so clips from different cameras or locations feel more unified.

This is useful when a project combines city footage, screen recordings, portraits, and product shots. The palette can guide the overall color direction while preserving enough contrast for faces, signs, and important on-screen details.

Try It FreeTry It Free

Download the APP

secure download

HSL, Color Wheels & Curves

Use HSL controls to fine-tune the cyan and magenta accents without shifting skin tones or neutral surfaces. Color wheels can add cool blue values to the shadows and subtle pink or violet warmth to the highlights, creating a more cinematic separation between foreground and background.

Curves are useful for adding contrast and shaping the intensity of the neon glow. A gentle S-curve can deepen the city shadows while keeping signs and reflections bright. For a practical guide to shaping contrast and color, explore this Filmora color adjustment tutorial.

Try It FreeTry It Free

Download the APP

secure download

1000+ Video Filters & 3D LUTs

Filmora's large collection of filters and LUTs makes it easy to test different versions of the Neon Rain District style. Filmora's video filters and 3D LUTs can help add a cool night tone, stronger contrast, or a more pronounced neon effect without rebuilding the grade from scratch.

Apply a filter lightly to establish a base look, then adjust intensity so the cyan, magenta, and pale highlights remain clear. This approach works well for short-form videos where a strong visual identity needs to be created quickly.

Try It FreeTry It Free

Download the APP

secure download

Midnight Hologram

• HEX Codes: #080b1f, #25215f, #694cff, #00f0c8, #ff6bd6
• Mood: Dreamlike, high-tech, immersive, and mysterious.
• Use for: This palette is ideal for app interfaces, futuristic presentations, tech intros, and holographic social media designs.

Midnight Hologram blends deep space tones with luminous digital accents. The indigo and violet foundation gives it a polished sci-fi quality, while aqua and soft pink highlights create the impression of floating holograms.

Use the dark shades behind interface elements, presentation text, or video titles. The brighter colors are effective for glowing borders, animated icons, transitions, and small areas that need to attract attention without overwhelming the composition.

Chrome Streetlight

• HEX Codes: #11131c, #343846, #8b93a7, #00d9ff, #ff3f9f
• Mood: Sleek, urban, metallic, and energetic.
• Use for: Use this palette for automotive content, streetwear branding, product trailers, and bold thumbnail compositions.

Chrome Streetlight pairs reflective grays with vivid neon highlights for a polished city aesthetic. The neutral metal tones provide structure, while cyan and pink add the energy of artificial light reflected across a modern street.

This is a strong choice for product trailers and automotive videos because it gives surfaces a premium appearance. Use gray for backgrounds and typography, then apply neon accents to motion graphics, callouts, and thumbnail focal points.

Electric Alley

• HEX Codes: #10152e, #273b73, #00b8d9, #b6ff00, #ff4f8b
• Mood: Restless, youthful, rebellious, and playful.
• Use for: This palette works well for gaming videos, street art projects, youth campaigns, music covers, and energetic social content.

Electric Alley mixes cool blue shadows with lime and pink sparks. The result feels lively and slightly rebellious, like a hidden urban space lit by signs, stickers, and improvised digital displays.

Use lime for action words or interactive elements, pink for personality, and blue for the visual base. In video, this combination can make gaming edits, music covers, and youth-focused campaigns feel bold and spontaneous.

Electric Arcade Cyberpunk Color Palettes

Pixel Pulse

• HEX Codes: #160d2e, #54217a, #ff2995, #00f5d4, #ffe66d
• Mood: Playful, nostalgic, vibrant, and fast-moving.
• Use for: Use this palette for gaming thumbnails, arcade-inspired branding, animated stickers, and short-form social videos.

Pixel Pulse combines retro arcade warmth with sharp digital neon. Purple and dark violet create a nostalgic base, while pink, aqua, and yellow introduce the quick visual rhythm of classic game screens.

Use yellow for scores, labels, or highlights, and reserve pink and aqua for animated accents. The palette is especially effective when paired with pixel-inspired typography, quick cuts, sound effects, and playful motion graphics.

Laser Carnival

• HEX Codes: #210b35, #7d1eb2, #ff167f, #00e0ff, #ffdc5e
• Mood: Celebratory, eccentric, bold, and electrifying.
• Use for: This palette is a strong choice for event promos, festival graphics, entertainment channels, and eye-catching video covers.

Laser Carnival feels like a futuristic fairground lit by lasers. Saturated purple and pink provide a dramatic foundation, while cyan and yellow create the sense of movement, celebration, and bright spectacle.

Use this palette for event branding, countdown videos, or entertainment thumbnails that need immediate impact. Keep the yellow and cyan accents concentrated around important information so the design remains readable despite its high energy.

Synthwave Reactor

• HEX Codes: #120c2c, #30206b, #ef2675, #f875d1, #48f0e8
• Mood: Retro-futuristic, emotional, atmospheric, and energetic.
• Use for: This palette works especially well for synthwave videos, podcast covers, music branding, title cards, and nostalgic digital art.

Synthwave Reactor channels the romance of retro technology with glowing pink and aqua highlights. Its deep violet background creates a dramatic atmosphere that feels connected to night drives, analog screens, and electronic music.

Try it for music visualizers, podcast artwork, and title sequences. A gradual shift from violet shadows to pink highlights can add emotional depth, while aqua details keep the final look crisp and futuristic.

Voltage Pop

• HEX Codes: #0e1726, #174f73, #00ff9d, #d7ff3f, #ff4d6d
• Mood: Fresh, punchy, optimistic, and high-energy.
• Use for: Use this palette for creator branding, product launches, educational reels, app promos, and colorful social templates.

Voltage Pop balances dark blue structure with sharp green, yellow, and coral accents. It feels modern and approachable while keeping a strong cyberpunk charge, making it easier to use in content that needs energy without looking too dark.

Use blue as the primary brand color and apply green or yellow to buttons, labels, and key messages. Coral is useful for human-centered details, calls to action, and thumbnail elements that need a warmer visual counterpoint.

Dark Tech Cyberpunk Color Palettes

Black Circuit

• HEX Codes: #050609, #121722, #263448, #00d084, #a9ff00
• Mood: Technical, stealthy, controlled, and powerful.
• Use for: This palette is suited to software branding, cybersecurity content, data visualizations, tech explainers, and professional UI design.

Black Circuit uses near-black foundations and precise green signals to suggest advanced technology. Its restrained color structure feels focused and powerful, making it suitable for serious products and technical communication.

Use the dark tones for dashboards, video backgrounds, and presentation layouts. Bright green can indicate active data, success states, or important keywords, while lime should be used sparingly for high-priority alerts and visual emphasis.

Quantum Ember

• HEX Codes: #090d18, #1b263b, #5b2c83, #ff4b2b, #ffb000
• Mood: Intense, intelligent, dramatic, and volatile.
• Use for: Use this palette for science fiction trailers, tech presentations, cinematic branding, game interfaces, and dramatic thumbnails.

Quantum Ember contrasts cold technical shadows with hot orange and red energy. The purple midpoint connects both sides of the palette, creating a sense of discovery, danger, and controlled power.

This combination works well when a video needs a clear story of tension or transformation. Use the cool shades for setup scenes and the ember tones for action, reveals, alerts, or moments that need a stronger emotional reaction.

Data Noir

• HEX Codes: #07090f, #151b2b, #35405c, #6f7cff, #d7e3ff
• Mood: Minimal, intelligent, moody, and refined.
• Use for: This palette works well for dashboards, editorial tech graphics, documentary intros, portfolio sites, and understated brand systems.

Data Noir presents cyberpunk style through cool blue signals and quiet dark neutrals. It is a refined option for designs that need atmosphere without visual noise or excessive saturation.

Use the pale blue tone for clean text and data points, then add the brighter periwinkle shade to charts, headings, and interface states. In video, this palette can create a sophisticated documentary or technology-focused visual identity.

Chrome Protocol

• HEX Codes: #0c0f14, #252a33, #69727d, #d3d9df, #00c2ff
• Mood: Precise, polished, industrial, and futuristic.
• Use for: This palette is effective for hardware launches, automotive design, technology portfolios, product interfaces, and clean video graphics.

Chrome Protocol combines industrial metal tones with one clear cyan signal. The neutral range feels premium and engineered, while the cyan accent adds a recognizable next-generation technology cue.

Use this palette for product demonstrations, hardware videos, and clean presentation slides. The light gray can support readable text and polished surfaces, while cyan works best for progress indicators, transitions, and product highlights.

Acid Dream Cyberpunk Color Palettes

Toxic Blossom

• HEX Codes: #181329, #45205f, #ff3cac, #9cff00, #00e5a8
• Mood: Surreal, rebellious, organic, and vivid.
• Use for: Use this palette for fashion edits, album art, experimental branding, beauty campaigns, and expressive creator content.

Toxic Blossom fuses electric botanical colors with a deep violet base. The combination feels unconventional and expressive, bringing together the artificial glow of cyberpunk design and the lively energy of plant-inspired color.

Use pink and green as expressive accents in fashion videos, beauty graphics, or album artwork. Violet can anchor the composition and prevent the brighter colors from feeling disconnected, especially in animated intros and social media templates.

Plasma Garden

• HEX Codes: #110f27, #3d1d70, #ff4fa3, #b8ff3d, #6cf7ff
• Mood: Euphoric, imaginative, colorful, and otherworldly.
• Use for: This palette works well for lifestyle reels, creative portfolios, futuristic packaging, motion posters, and dreamy social campaigns.

Plasma Garden turns neon color into a lush digital landscape. Its pink, lime, and aqua highlights create a playful atmosphere, while the violet foundation adds visual depth and a sense of fantasy.

Use aqua for soft glows and background details, pink for emotional or lifestyle content, and lime for buttons, labels, or energetic transitions. The palette can make a creative portfolio or motion poster feel immersive without relying on complicated imagery.

Ultraviolet Mirage

• HEX Codes: #0e0820, #35116b, #7b2cff, #ed38ff, #00d4ff
• Mood: Mystical, immersive, bold, and cinematic.
• Use for: Use this palette for fantasy tech videos, music visuals, gaming interfaces, digital posters, and immersive presentation themes.

Ultraviolet Mirage layers rich purples with intense violet and cyan light. It creates a cinematic, portal-like feeling that can make ordinary footage appear more mysterious and imaginative.

Use the deep tones for transitions, title backgrounds, and atmospheric b-roll. Bright violet can define the main visual identity, while cyan adds contrast to interface elements, lens effects, and key moments in an intro.

Neon Mosswave

• HEX Codes: #101b1a, #1e4438, #79d13f, #d4ff3f, #ff5e7a
• Mood: Futuristic, earthy, unexpected, and energetic.
• Use for: This palette is a good fit for eco-tech campaigns, outdoor fashion, sustainability videos, packaging, and distinctive brand identities.

Neon Mosswave brings natural green tones into a vivid cyberpunk system. The dark green foundation feels grounded and organic, while lime adds digital energy and the coral accent brings warmth to the overall design.

Use it for sustainability campaigns, outdoor product videos, and brands that want a futuristic identity without looking purely mechanical. Keep coral for people, calls to action, or key product details so it stands out against the green environment.

Tips for Creating Cyberpunk Color Color Palettes

Strong Cyberpunk Color combinations depend on contrast, hierarchy, and restraint. Start with a dark base, choose one or two neon accents, and make sure the final palette supports the message, footage, and audience rather than distracting from them.

• Use deep navy, charcoal, violet, or black as a foundation so neon colors have enough space to glow.
• Limit the brightest accents to key areas such as titles, buttons, logos, faces, or important objects.
• Pair cool cyan or blue with warm magenta, pink, orange, or coral to create clear visual contrast.
• Check text readability carefully, especially when placing neon colors over detailed footage or animated backgrounds.
• Match the palette to the footage. Night scenes can support intense neon, while daylight footage may need lower saturation and stronger shadow control.
• Choose one dominant accent color for branding consistency across thumbnails, intros, lower thirds, and social templates.
• Use HSL adjustments to control oversaturated skin tones, signage, or backgrounds that compete with the main subject.
• Test the palette on different screens and export sizes so dark details and bright highlights remain visible.

Cyberpunk Color palettes can shape the emotional direction of a project before viewers notice any individual design element. Dark bases suggest mystery and technology, while neon accents can communicate speed, creativity, danger, celebration, or innovation.

Whether you prefer a polished chrome system, a colorful arcade combination, or an organic acid dream palette, the HEX codes above give you a practical starting point for building a recognizable visual identity. Reuse the same colors across thumbnails, title cards, transitions, and branding to make your content feel connected.

Try these Cyberpunk Color combinations in Filmora and adjust them to match your footage, audience, and creative style. With color matching, HSL controls, curves, filters, and 3D LUTs, you can develop a bold look without losing consistency from the first frame to the final export.

Try It FreeTry It Free

Download the APP

secure download

Next: Minimalist Color Color Palette