Back to palettes

Palette

Digital Synthwave Haze

A hypnotic journey into a futuristic haze, where digital signals and synthwave dreams collide in neon light.

darkenergetic5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Digital Synthwave Haze 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 Digital Synthwave Haze.

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

Data visualization

#0D0D2B#2A0D4E#720D5B#C80D7C#FA0F8E

Palette guide

How to use Digital Synthwave Haze

Overview

The Digital Synthwave Haze palette offers a hypnotic journey into a futuristic haze, where digital signals and synthwave dreams collide in neon light. Featuring deep dark blue-purple (#0D0D2B), rich dark purple (#2A0D4E), vibrant magenta-purple (#720D5B), intense rose (#C80D7C), and electric pink (#FA0F8E), this palette is perfect for designers and developers creating projects with a dark, synthwave, or futuristic aesthetic. Its gradients of deep purples transitioning to bright pinks create an immersive and atmospheric feel, ideal for game environments, album covers, or sophisticated branding. This palette evokes a sense of mystery and vibrant energy.

Best used for

  • Synthwave music album covers
  • Retro-futuristic game environments
  • Dark mode UI designs
  • Cyberpunk digital art
  • Motion graphics with glowing effects
  • Luxury tech branding

Suggested color roles

primary

Use #0D0D2B as the dominant background or base, providing deep, immersive darkness.

secondary

Employ #2A0D4E or #720D5B for secondary panels, subtle distinctions, or container backgrounds.

accent

Apply #C80D7C or #FA0F8E for highlights, active states, or to gently draw attention to specific features.

background

A deep #0D0D2B provides a strong foundation. Lighter purples and pinks can be used for gradients or atmospheric effects.

text

For general text, a bright white or light grey (not in palette) offers excellent readability. For headlines, #FA0F8E or #C80D7C can provide a vibrant glow.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #720D5B on #2A0D4E or similar dark pairings.
  • The lightest colors #C80D7C and #FA0F8E will provide the best contrast for text on the darkest backgrounds.
  • Avoid using very dark colors for small text on similarly dark backgrounds to prevent readability issues.
  • Maintain clear visual hierarchy using the varying shades of purple and pink to guide users through the interface effectively.

Recommended combinations

Haze Gradient

Ideal for deep backgrounds, main panels, and subtle UI elements in a dark, atmospheric theme.

#0D0D2B · #2A0D4E · #720D5B

Neon Bloom

Excellent for highlights, active states, or to simulate glowing elements in a synthwave interface.

#C80D7C · #FA0F8E · #720D5B

Digital Dream

Suitable for gradients, subtle overlays, or informational panels where a soft, diffused glow is desired.

#0D0D2B · #FA0F8E · #C80D7C

CSS variables

:root {
  --digital-synthwave-haze-1: #0D0D2B;
  --digital-synthwave-haze-2: #2A0D4E;
  --digital-synthwave-haze-3: #720D5B;
  --digital-synthwave-haze-4: #C80D7C;
  --digital-synthwave-haze-5: #FA0F8E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-synthwave-haze": {
        1: "#0D0D2B",
        2: "#2A0D4E",
        3: "#720D5B",
        4: "#C80D7C",
        5: "#FA0F8E",
      }
    }
  }
}

Related searches

synthwave dark palettefuturistic haze colorsneon purple pink themedark vibrant techcyberpunk gradient palette

Palette colors

Hex values

Color 1#0D0D2B
·
Color 2#2A0D4E
·
Color 3#720D5B
·
Color 4#C80D7C
·
Color 5#FA0F8E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
3.4:1AA18
5:1AA
2
1.1:1Fail
1.5:1Fail
3:1AA18
4.4:1AA18
3
1.7:1Fail
1.5:1Fail
2:1Fail
2.9:1Fail
4
3.4:1AA18
3:1AA18
2:1Fail
1.5:1Fail
5
5:1AA
4.4:1AA18
2.9:1Fail
1.5:1Fail

Similar palettes

More like Digital Synthwave Haze

View all dark
Carnival Midnight Sky
Cyberpunk Cityscape
Cyberpunk Metropolis
Midnight City Glare
Cybernetic Cityscape
Cyberpunk Neon Grid