Back to palettes

Palette

Cyber Sunset Glitch

A vivid, glitchy panorama reflecting a sunset seen through a cyberpunk interface.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber Sunset Glitch reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Cyber Sunset Glitch.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FF3C7A#F39B6D#50C878#4D3380#2A1F52

Palette guide

How to use Cyber Sunset Glitch

Overview

The Cyber Sunset Glitch palette offers a vivid, glitchy panorama, reflecting a sunset seen through a cyberpunk interface. Featuring the hot pink of #FF3C7A, the warm orange of #F39B6D, and the vibrant green of #50C878, this palette is designed for dynamic contrast. Deep purples like #4D3380 and #2A1F52 provide a grounding, mysterious base. Designers can leverage these hex codes to create high-impact, disruptive visuals, retro-futuristic art, or branding that speaks to digital disruption and vibrant, artificial worlds. Developers will find these colors excellent for crafting dynamic error states, loading screens, or interactive elements that truly stand out.

Best used for

  • Retro-futuristic game aesthetics and UI
  • Vaporwave or synthwave art and visuals
  • Digital art with a sunset or horizon theme
  • Event branding for tech or music festivals
  • Experimental web design and interactive experiences
  • Fashion or lifestyle brands with a bold, modern edge

Suggested color roles

primary

#FF3C7A - A dominant, electrifying hot pink, perfect for primary branding elements or high-impact calls-to-action.

secondary

#50C878 - A vibrant, energetic green, ideal for complementary interactive elements or striking graphic accents.

accent

#F39B6D - A warm, inviting orange, providing a powerful highlight for interactive elements or key information.

background

#2A1F52 - A very deep, mysterious purple, creating an immersive and compelling canvas for the vibrant colors.

text

#FF3C7A - This hot pink is excellent for headings or short, impactful text on very dark backgrounds like #2A1F52. For body text on other colors, use white or a very light gray.

Accessibility notes

  • Ensure high contrast for text, especially when pairing vibrant colors like #FF3C7A or #50C878 with dark backgrounds.
  • Avoid using #4D3380 and #2A1F52 for small text or icons due to their low contrast.
  • The palette's high saturation and contrast can be jarring; use sparingly for users with light sensitivity.
  • Due to reliance on primary color hues, ensure alternative indicators for color-blind users, such as patterns or icons.

Recommended combinations

Glitch Sunset

A dark, mysterious base with vibrant pink and orange highlights, mimicking a digital sunset.

#2A1F52 · #FF3C7A · #F39B6D

Cyber Horizon

Creating dynamic, high-energy compositions for hero sections or transition effects, with a strong green accent.

#50C878 · #4D3380 · #FF3C7A

Retro Pulse

Bold, contrasting elements for calls-to-action, progress indicators, or striking graphical overlays that demand attention.

#F39B6D · #FF3C7A · #2A1F52

CSS variables

:root {
  --cyber-sunset-glitch-1: #FF3C7A;
  --cyber-sunset-glitch-2: #F39B6D;
  --cyber-sunset-glitch-3: #50C878;
  --cyber-sunset-glitch-4: #4D3380;
  --cyber-sunset-glitch-5: #2A1F52;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-sunset-glitch": {
        1: "#FF3C7A",
        2: "#F39B6D",
        3: "#50C878",
        4: "#4D3380",
        5: "#2A1F52",
      }
    }
  }
}

Related searches

cyberpunk sunset colorsvibrant glitch paletteretro tech aestheticdigital gradient designhigh contrast future colors

Palette colors

Hex values

Color 1#FF3C7A
·
Color 2#F39B6D
·
Color 3#50C878
·
Color 4#4D3380
·
Color 5#2A1F52
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.6:1Fail
2.9:1Fail
4.4:1AA18
2
1.6:1Fail
1:1Fail
4.6:1AA
6.9:1AA
3
1.6:1Fail
1:1Fail
4.7:1AA
7:1AA
4
2.9:1Fail
4.6:1AA
4.7:1AA
1.5:1Fail
5
4.4:1AA18
6.9:1AA
7:1AA
1.5:1Fail

Similar palettes

More like Cyber Sunset Glitch

View all vibrant
Synthwave Digital Dream
AI Data Stream
Arcade Pixel Rush
Arcade Power-Up
Circuit Board Glitch
Cyber Neon Glitch