Palette

Synthwave Pink Dream

Electrifying pinks and bold purples conjure a dreamlike, neon-drenched cityscape straight out of the 80s synthwave.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Pink Dream 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 Pink Dream.

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

Data visualization

#FF1493#FF69B4#FFC0CB#8A2BE2#6A5ACD

Palette guide

How to use Synthwave Pink Dream

Overview

The "Synthwave Pink Dream" palette immerses users in a vibrant, ethereal landscape dominated by a spectrum of pinks and purples. From the intense #FF1493 (deep pink) and the playful #FF69B4 (hot pink) to the soft #FFC0CB (light pink), this collection evokes a dreamlike yet energetic 80s aesthetic. Anchoring these lively hues are the rich #8A2BE2 (electric violet) and the sophisticated #6A5ACD (slate blue). Designers and developers can harness these hex codes to craft romantic yet dynamic UIs, whimsical branding, or captivating digital art that blends sugary sweetness with an undeniable retro-futuristic edge, perfect for projects seeking a unique, vibrant mood.

Best used for

Feminine-coded tech or gaming interfaces
Branding for beauty, fashion, or lifestyle products
Romantic or dreamlike digital art and illustrations
Social media graphics with a vibrant, playful tone
Event promotions for themed parties or festivals
Website designs for creative portfolios or blogs

Suggested color roles

primary

#8A2BE2 (electric violet) provides a rich, grounding base that prevents the palette from becoming overly saccharine, suitable for main sections or backgrounds.

secondary

#FF1493 (deep pink) offers a powerful, energetic complement, ideal for headers, primary calls-to-action, or dominant graphical elements.

accent

#FFC0CB (light pink) acts as a soft, ethereal highlight, perfect for decorative touches, subtle glows, or secondary information.

background

#6A5ACD (slate blue) creates a sophisticated, slightly muted backdrop, allowing the brighter pinks and violet to truly pop without overwhelming.

text

#FF1493 or a darker charcoal on #FFC0CB (light pink) for contrast. For dark backgrounds like #8A2BE2, use #FFC0CB for clear readability.

Accessibility notes

Many of the pinks (e.g., #FF1493 on #FF69B4) have low contrast; avoid using them for essential text or interactive elements.
#FFC0CB on #8A2BE2 or #6A5ACD offers decent contrast for text, but check WCAG AA for smaller font sizes.
Ensure interactive elements are clearly distinguishable, as the pinks and purples can be close in luminance.
For critical text, consider using a high-contrast choice like a dark charcoal or black on #FFC0CB, or #FFC0CB on #8A2BE2.

Recommended combinations

Dreamy Neon

A core combination for vibrant yet soft UIs, with #8A2BE2 as a deep base, #FF1493 for main accents, and #FFC0CB for delicate highlights.

#8A2BE2 · #FF1493 · #FFC0CB

Retro Glam

Creates an energetic, stylish look for branding or hero sections, blending hot pink, slate blue, and deep pink for depth.

#FF69B4 · #6A5ACD · #FF1493

Pastel Glow

Ideal for delicate illustrations or soft UI elements, using light pink as a canvas, electric violet for contrast, and hot pink for subtle accents.

#FFC0CB · #8A2BE2 · #FF69B4

CSS variables

:root {
  --synthwave-pink-dream-1: #FF1493;
  --synthwave-pink-dream-2: #FF69B4;
  --synthwave-pink-dream-3: #FFC0CB;
  --synthwave-pink-dream-4: #8A2BE2;
  --synthwave-pink-dream-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-pink-dream": {
        1: "#FF1493",
        2: "#FF69B4",
        3: "#FFC0CB",
        4: "#8A2BE2",
        5: "#6A5ACD",
      }
    }
  }
}

Hex values

Color 1#FF1493

Color 2#FF69B4

Color 3#FFC0CB

Color 4#8A2BE2

Color 5#6A5ACD

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

1.6:1Fail

1.5:1Fail

1.4:1Fail

1.7:1Fail

2.3:1Fail

2:1Fail

2.4:1Fail

1.7:1Fail

3.9:1AA18

3.5:1AA18

1.6:1Fail

2.3:1Fail

3.9:1AA18

1.1:1Fail

1.5:1Fail

2:1Fail

3.5:1AA18

1.1:1Fail

Similar palettes

More like Synthwave Pink Dream

View all vibrant

Synthwave Sundown Grid

Atomic Age

Electric Grapevine

Neon Vaporwave Nights

Pixel Neon Rush

Retro Arcade Flash