Palette

Psychedelic Funk Dream

A wild burst of electric colors, channeling the energetic and free-spirited vibe of a 70s funkadelic dream.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Psychedelic Funk 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 Psychedelic Funk Dream.

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

Data visualization

#FF00FF#FFFF00#00FF00#FF4500#8A2BE2

Palette guide

How to use Psychedelic Funk Dream

Overview

The "Psychedelic Funk Dream" palette explodes with an electrifying mix of highly saturated, vibrant colors, embodying the energetic spirit of the 70s. Featuring intense magenta #FF00FF, brilliant yellow #FFFF00, vivid lime green #00FF00, fiery orange #FF4500, and a deep electric violet #8A2BE2, this collection is designed for maximum visual impact. Designers aiming for bold, playful, or retro-futuristic aesthetics will find these hex codes incredibly potent. Developers can implement this palette for dynamic web animations, eye-catching event promotions, or any digital product that needs to convey excitement and a unique, unforgettable personality.

Best used for

Music festival branding and websites
Retro-themed video games
Event posters and flyers
Youth-oriented fashion campaigns
Dynamic motion graphics
Interactive art installations

Suggested color roles

primary

#FF00FF - A dominant, electric magenta, perfect for striking headlines, primary calls-to-action, or large graphic elements that command attention.

secondary

#FFFF00 - A vibrant, sunny yellow, excellent for secondary navigation, energetic backgrounds, or to provide a sharp contrast against other bold colors.

accent

#00FF00 - A brilliant lime green, ideal for interactive elements, hover states, or small but impactful design details that need to pop.

background

#8A2BE2 - A deep, electric violet, suitable for a dark, moody background that still retains vibrancy, allowing the brighter colors to glow against it.

text

#FFFFFF (white) - Provides optimal contrast against all the dark and vibrant colors in this palette for maximum readability and visual punch.

Accessibility notes

Due to high saturation, ensure sufficient contrast for text, especially when using light text on light backgrounds or dark text on dark backgrounds.
Avoid using #FFFF00 for small text against a white background; always pair it with a dark color for readability.
The palette's intensity might be overwhelming for users with certain visual sensitivities; offer a high-contrast mode if possible.
Use a very dark or black background for most of these colors if white text is not suitable, or a pure white background with black text for maximum legibility.

Recommended combinations

Electric Pop

Perfect for vibrant headers, attention-grabbing banners, or creating a high-energy, playful visual statement.

#FF00FF · #FFFF00 · #00FF00

Funk Groove

Ideal for dynamic backgrounds with layered elements, evoking a retro-futuristic or psychedelic dance floor vibe.

#FF4500 · #8A2BE2 · #FFFF00

Rave Intensity

Excellent for call-to-action buttons or highlights where a strong, almost glowing contrast is desired to draw the user's eye.

#FF00FF · #8A2BE2 · #FF4500

CSS variables

:root {
  --psychedelic-funk-dream-1: #FF00FF;
  --psychedelic-funk-dream-2: #FFFF00;
  --psychedelic-funk-dream-3: #00FF00;
  --psychedelic-funk-dream-4: #FF4500;
  --psychedelic-funk-dream-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "psychedelic-funk-dream": {
        1: "#FF00FF",
        2: "#FFFF00",
        3: "#00FF00",
        4: "#FF4500",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#FFFF00

Color 3#00FF00

Color 4#FF4500

Color 5#8A2BE2

Accessibility

Contrast checker

2.9:1Fail

2.3:1Fail

1.1:1Fail

1.9:1Fail

2.9:1Fail

1.3:1Fail

3.2:1AA18

5.5:1AA

2.3:1Fail

1.3:1Fail

2.5:1Fail

4.3:1AA18

1.1:1Fail

3.2:1AA18

2.5:1Fail

1.7:1Fail

1.9:1Fail

5.5:1AA

4.3:1AA18

1.7:1Fail

Similar palettes

More like Psychedelic Funk Dream

Pop Art Electric Splash

Retro Arcade Neon