Back to palettes

Palette

Retro Sunset Strip

Vibrant, nostalgic hues of a retro sunset, channeling warm evenings and vibrant city lights.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Sunset Strip 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 Retro Sunset Strip.

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

Data visualization

#FF69B4#FFA07A#FFD700#F08080#C71585

Palette guide

How to use Retro Sunset Strip

Overview

The Retro Sunset Strip palette features vibrant, nostalgic hues that channel warm evenings and vibrant city lights of a retro sunset, ideal for designers and developers seeking a glamorous 80s feel. It includes a hot pink (#FF69B4), a light salmon (#FFA07A), a radiant gold (#FFD700), a soft light coral (#F08080), and a deep raspberry pink (#C71585). This palette is perfect for creating designs that are bold, playful, and imbued with a sense of vintage charm. Use #FF69B4 for high-energy elements and #C71585 for sophisticated depth to capture the essence of a bygone era.

Best used for

  • 80s fashion and beauty branding
  • Nightlife and entertainment promotions
  • Retro-themed event invitations and decor
  • Social media graphics for lifestyle brands
  • Album art for pop or disco music
  • Interior design accents for a playful space

Suggested color roles

primary

Use #FF69B4 as an energetic, glamorous core, defining the palette's playful and bold essence.

secondary

Employ #C71585 for deep, rich contrast, adding sophistication and visual weight.

accent

Apply #FFD700 as a bright, sunny highlight, perfect for pop and sparkle in details.

background

Utilize #FFA07A as a soft, warm base, creating a gentle sunset feel for backgrounds.

text

Consider #F08080 for subtle text on light backgrounds, or a dark neutral like charcoal for general readability on lighter hues.

Accessibility notes

  • Avoid using #FFA07A or #F08080 for small text on similarly light backgrounds due to low contrast.
  • Ensure strong contrast for text with #C71585 against #FFA07A or #FFD700 for optimal readability.
  • For critical body text, always use a very dark neutral (e.g., black or dark grey) on any of the lighter colors.
  • Check color contrast ratios carefully, especially for interactive elements, to meet WCAG standards.

Recommended combinations

Glam Glow

Bold pinks with a golden spark, ideal for dynamic visuals, logos, or striking headlines.

#FF69B4 · #C71585 · #FFD700

Sunset Haze

A soft, warm blend for gradients and background elements, evoking a dreamy sunset atmosphere.

#FFA07A · #F08080 · #FFD700

Strip Lights

A deep pink base with bright, electric accents, perfect for eye-catching designs and playful branding.

#C71585 · #FFD700 · #FF69B4

CSS variables

:root {
  --retro-sunset-strip-1: #FF69B4;
  --retro-sunset-strip-2: #FFA07A;
  --retro-sunset-strip-3: #FFD700;
  --retro-sunset-strip-4: #F08080;
  --retro-sunset-strip-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-sunset-strip": {
        1: "#FF69B4",
        2: "#FFA07A",
        3: "#FFD700",
        4: "#F08080",
        5: "#C71585",
      }
    }
  }
}

Related searches

retro pink orange palette80s sunset colorsnostalgic city lights palettevibrant glamorous colorsdisco pop color scheme

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFA07A
·
Color 3#FFD700
·
Color 4#F08080
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
1:1Fail
2:1Fail
2
1.3:1Fail
1.4:1Fail
1.3:1Fail
2.7:1Fail
3
1.9:1Fail
1.4:1Fail
1.8:1Fail
3.9:1AA18
4
1:1Fail
1.3:1Fail
1.8:1Fail
2.1:1Fail
5
2:1Fail
2.7:1Fail
3.9:1AA18
2.1:1Fail

Similar palettes

More like Retro Sunset Strip

View all vibrant
Retro Sunset Dream
Vintage Candy Shop
Atomic Age
Atomic Age Retro Cool
Diner Jukebox Pop
Midcentury Eatery Glow