Back to palettes

Palette

Groovy Disco Dream

A playful, vibrant explosion of colors straight from a 70s disco dance floor, full of life.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Groovy Disco 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 Groovy Disco Dream.

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

Data visualization

#E4007C#FF7B00#FFFF00#00F0F8#7F00FF

Palette guide

How to use Groovy Disco Dream

Overview

The Groovy Disco Dream palette is a playful, vibrant explosion of colors straight from a 70s disco dance floor. Featuring electrifying magenta #E4007C, radiant orange #FF7B00, dazzling yellow #FFFF00, electric cyan #00F0F8, and a deep, psychedelic violet #7F00FF, this collection is perfect for designers and developers aiming to evoke fun, energy, and retro nostalgia. These highly saturated hues demand attention, making them ideal for projects that require a bold, unforgettable visual statement. Use this palette to inject excitement and a celebratory mood into any digital or print design.

Best used for

  • Retro-themed event promotions
  • Children's entertainment branding
  • Vibrant gaming interfaces
  • Creative and artistic portfolios
  • Music festival marketing materials
  • Playful social media graphics

Suggested color roles

primary

Use #E4007C as a dominant, energetic color for main calls-to-action or prominent graphical elements.

secondary

Employ #FF7B00 for secondary buttons, highlights, or energetic background elements to complement the primary.

accent

The electric #00F0F8 provides a fantastic, cool accent, perfect for interactive states, hover effects, or distinct icons.

background

A neutral dark background (like charcoal or black) would allow these vibrant colors to truly pop, or use #7F00FF for a deep, immersive feel.

text

For optimal readability, use black or white text against these bright colors. For example, white text on #E4007C or #7F00FF.

Accessibility notes

  • Many of these vibrant colors may not provide sufficient contrast for text when paired with each other or light backgrounds.
  • Always use black or white for text to ensure readability against these saturated hues, especially for #FFFF00.
  • Ensure interactive elements have distinct visual cues beyond just color, as colorblind users may struggle with some pairings.
  • Test contrast ratios thoroughly for all text and important UI elements to meet WCAG AA standards.

Recommended combinations

Disco Lights

Excellent for creating dynamic, flashing light effects or vibrant gradient backgrounds for event posters.

#E4007C · #FFFF00 · #00F0F8

Groovy Pop

Ideal for bold headlines or graphic elements, where #FFFF00 provides a bright pop against darker tones.

#FF7B00 · #7F00FF · #FFFF00

Psychedelic Pulse

Great for abstract patterns or energetic visualizers, creating a sense of movement and vibrancy.

#E4007C · #7F00FF · #00F0F8

CSS variables

:root {
  --groovy-disco-dream-1: #E4007C;
  --groovy-disco-dream-2: #FF7B00;
  --groovy-disco-dream-3: #FFFF00;
  --groovy-disco-dream-4: #00F0F8;
  --groovy-disco-dream-5: #7F00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "groovy-disco-dream": {
        1: "#E4007C",
        2: "#FF7B00",
        3: "#FFFF00",
        4: "#00F0F8",
        5: "#7F00FF",
      }
    }
  }
}

Related searches

70s disco color schemevibrant retro paletteplayful neon colorsgroovy web design colorsbright party theme palette

Palette colors

Hex values

Color 1#E4007C
·
Color 2#FF7B00
·
Color 3#FFFF00
·
Color 4#00F0F8
·
Color 5#7F00FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
4.3:1AA18
3.2:1AA18
1.4:1Fail
2
1.8:1Fail
2.4:1Fail
1.8:1Fail
2.4:1Fail
3
4.3:1AA18
2.4:1Fail
1.3:1Fail
5.8:1AA
4
3.2:1AA18
1.8:1Fail
1.3:1Fail
4.4:1AA18
5
1.4:1Fail
2.4:1Fail
5.8:1AA
4.4:1AA18

Similar palettes

More like Groovy Disco Dream

View all vibrant
Carnival Carousel Fun
Circus Tent Burst
Retro Candy Arcade
Retro Candy Dream
Retro Candy Swirl
Retro Pop Fizz