Palette

Synthwave Sundown Grid

A vibrant, retro-futuristic palette blending neon pinks and blues to evoke a distinct 80s synthwave aesthetic.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Sundown Grid 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 Synthwave Sundown Grid.

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

Data visualization

#FF69B4#1E90FF#8A2BE2#282828#40E0D0

Palette guide

How to use Synthwave Sundown Grid

Overview

The "Synthwave Sundown Grid" palette delivers a captivating blend of vibrant neons and deep, grounding tones, perfectly capturing the atmospheric glow of an 80s retro-futuristic sundown. Featuring the playful #FF69B4 (hot pink), electric #1E90FF (dodger blue), rich #8A2BE2 (electric violet), and cool #40E0D0 (turquoise), this collection truly pops against the sophisticated #282828 (dark charcoal). Designers and developers can leverage these hex codes to craft immersive UIs, dynamic branding, or engaging digital art that evokes nostalgia with a modern, energetic twist, ideal for projects seeking a distinct and vibrant aesthetic.

Best used for

Retro-themed video games and app interfaces
Branding for tech, entertainment, or music industries
Website designs with a dark mode and vibrant accents
Animated intros and motion graphics with a neon grid
Digital art and illustrations inspired by cyberpunk cities
Event promotions for synthwave concerts or retro parties

Suggested color roles

primary

#282828 (dark charcoal) serves as the deep, stable base, ideal for backgrounds, main content panels, or large structural elements.

secondary

#8A2BE2 (electric violet) provides a rich, vibrant anchor, excellent for secondary elements, navigation bars, or as a contrasting dark shade.

accent

#FF69B4 (hot pink) and #1E90FF (dodger blue) deliver powerful neon pops, perfect for calls-to-action, glowing elements, or interactive states.

background

#282828 creates an immersive, dark canvas, allowing the brighter neons to pulsate with maximum impact and definition.

text

#40E0D0 (turquoise) offers excellent readability against darker backgrounds like #282828 or #8A2BE2, suitable for body text and descriptive labels.

Accessibility notes

#40E0D0 on #282828 provides strong contrast for text, ensuring readability for critical information.
Avoid using #FF69B4 (hot pink) and #8A2BE2 (electric violet) for small text on each other, as their contrast can be insufficient.
Ensure interactive elements have clear visual cues beyond just color change, especially when using vibrant neons.
For users with color vision deficiencies, rely on the strong value contrast provided by #282828 with the brighter hues.

Recommended combinations

Sundown Core

A classic synthwave dark mode, with #282828 as background, #FF69B4 for primary accents, and #1E90FF for secondary highlights.

#282828 · #FF69B4 · #1E90FF

Electric Grid

Creates a dynamic, tech-inspired feel for headers or graphical elements, using electric violet as a base, turquoise for detail, and charcoal for depth.

#8A2BE2 · #40E0D0 · #282828

Neon Flash

Ideal for calls-to-action or animated effects, layering hot pink, dodger blue, and turquoise for maximum visual energy and pop.

#FF69B4 · #1E90FF · #40E0D0

CSS variables

:root {
  --synthwave-sundown-grid-1: #FF69B4;
  --synthwave-sundown-grid-2: #1E90FF;
  --synthwave-sundown-grid-3: #8A2BE2;
  --synthwave-sundown-grid-4: #282828;
  --synthwave-sundown-grid-5: #40E0D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-sundown-grid": {
        1: "#FF69B4",
        2: "#1E90FF",
        3: "#8A2BE2",
        4: "#282828",
        5: "#40E0D0",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#1E90FF

Color 3#8A2BE2

Color 4#282828

Color 5#40E0D0

Accessibility

Contrast checker

1.2:1Fail

2.3:1Fail

5.6:1AA

1.6:1Fail

1.2:1Fail

1.8:1Fail

4.6:1AA

2:1Fail

2.3:1Fail

1.8:1Fail

2.5:1Fail

3.6:1AA18

5.6:1AA

4.6:1AA

2.5:1Fail

9:1AAA

1.6:1Fail

2:1Fail

3.6:1AA18

9:1AAA

Similar palettes

More like Synthwave Sundown Grid

View all vibrant

Electric Grapevine

Neon Dream Sequence

Neon Vaporwave Nights

Pixelated Arcade Glitch

Retro Glow Grid

Retro Wave