Back to palettes

Palette

Cybernetic Rainwash

Reflecting the vibrant, artificial glow of city lights on wet streets after a downpour.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Rainwash 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 Cybernetic Rainwash.

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

Data visualization

#00FFFF#33CCFF#6699FF#9966FF#CC33FF

Palette guide

How to use Cybernetic Rainwash

Overview

The Cybernetic Rainwash palette beautifully reflects the vibrant, artificial glow of city lights on wet streets after a downpour. It's a cohesive gradient of luminous blues and purples, transitioning from electric cyan (#00FFFF) to a soft, almost pastel lavender (#CC33FF). Intermediate shades like bright sky blue (#33CCFF), a gentle royal blue (#6699FF), and a rich indigo-violet (#9966FF) add depth and a flowing quality. This palette is perfect for designers and developers seeking to evoke a moody yet energetic urban night, offering a sophisticated blend of cool tones with a distinct futuristic sheen.

Best used for

  • Urban-themed game environments and concept art
  • Digital art and illustration with atmospheric lighting
  • Fashion and beauty branding with a cool, modern edge
  • Event promotions for nightlife or art exhibitions
  • Website and app designs with a fluid, gradient aesthetic
  • Motion graphics simulating reflections or liquid effects

Suggested color roles

primary

Use #00FFFF (Electric Cyan) for main interactive elements, key highlights, or branding that needs to convey freshness and digital clarity.

secondary

Apply #33CCFF (Bright Sky Blue) for secondary calls-to-action, important sub-headings, or to provide a vibrant, open feel.

accent

Reserve #CC33FF (Lavender Purple) for subtle glows, background textures, or to add a soft, ethereal touch.

background

To enhance the glowing effect of these colors, a deep dark background (e.g., black or dark charcoal) is ideal.

text

Pair #00FFFF (Electric Cyan) or #33CCFF (Bright Sky Blue) for headings; use white for general body text on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text. On dark backgrounds, #00FFFF and #33CCFF will work well. Check #6699FF on a very dark background for readability.
  • Avoid using #6699FF and #9966FF for critical information if color is the sole differentiator, due to their similar values and potential for color blindness issues.
  • When pairing colors from the mid-range (e.g., #33CCFF and #6699FF), ensure enough contrast for legibility.
  • For critical information, always provide alternative visual cues (icons, underlines) in addition to color.

Recommended combinations

Wet Streets

Use for atmospheric backgrounds, with bright cyan for strong reflections and softer blues/purples for diffused light.

#00FFFF · #6699FF · #CC33FF

City Lights

Create gradients or layered elements that transition smoothly, mimicking distant city lights through rain.

#33CCFF · #9966FF · #CC33FF

Digital Flow

Ideal for progress bars, data streams, or animated elements, showing a fluid progression of blue.

#00FFFF · #33CCFF · #6699FF

CSS variables

:root {
  --cybernetic-rainwash-1: #00FFFF;
  --cybernetic-rainwash-2: #33CCFF;
  --cybernetic-rainwash-3: #6699FF;
  --cybernetic-rainwash-4: #9966FF;
  --cybernetic-rainwash-5: #CC33FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-rainwash": {
        1: "#00FFFF",
        2: "#33CCFF",
        3: "#6699FF",
        4: "#9966FF",
        5: "#CC33FF",
      }
    }
  }
}

Related searches

cyber city rain colorsneon urban night palettefuturistic blue purple gradientwet street reflectionsdigital atmospheric colors

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#33CCFF
·
Color 3#6699FF
·
Color 4#9966FF
·
Color 5#CC33FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
2.9:1Fail
3.1:1AA18
2
1.5:1Fail
1.5:1Fail
2:1Fail
2:1Fail
3
2.2:1Fail
1.5:1Fail
1.3:1Fail
1.4:1Fail
4
2.9:1Fail
2:1Fail
1.3:1Fail
1:1Fail
5
3.1:1AA18
2:1Fail
1.4:1Fail
1:1Fail

Similar palettes

More like Cybernetic Rainwash

View all vibrant
Electric City Night
Electric City Night
Electric Metropolis Glow
City Neon Pulse
City Night Graffiti
Cyber City Haze