Back to palettes

Palette

Amusement Pier Neon

A dazzling display of electric neon hues from an amusement pier at night, full of fun.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amusement Pier Neon 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 Amusement Pier Neon.

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

Data visualization

#FF4500#FFD700#32CD32#1E90FF#8A2BE2

Palette guide

How to use Amusement Pier Neon

Overview

The Amusement Pier Neon palette is a dazzling display of electric neon hues, inspired by the vibrant lights of an amusement pier at night. Featuring bold and energetic colors like `#FF4500` (OrangeRed), `#FFD700` (Gold), `#32CD32` (LimeGreen), `#1E90FF` (DodgerBlue), and `#8A2BE2` (BlueViolet), this palette offers designers and developers an exciting range for creating fun and playful designs. Its high contrast and saturation make it perfect for projects that demand attention, evoke excitement, and capture a lively, dynamic spirit across digital and physical applications.

Best used for

  • Event promotion and festival branding
  • Children's entertainment apps or websites
  • Retro arcade game UI/UX
  • Youth-focused marketing campaigns
  • Concert posters and flyers
  • Interactive digital experiences

Suggested color roles

primary

Use `#1E90FF` or `#FF4500` as dominant colors for main calls to action, headlines, or key interactive elements to grab immediate attention.

secondary

Apply `#FFD700` or `#32CD32` for supporting elements, subheadings, or secondary navigation to maintain high energy and visual interest.

accent

Utilize `#8A2BE2` for highlights, hover states, or subtle background patterns to add a touch of playful variation and depth.

background

A dark charcoal or black background works best to make these neon colors pop. Alternatively, a lighter neon like `#FFD700` can be used sparingly for vibrant sections.

text

For optimal readability, use black or a very dark charcoal for text on any of the neon colors. White text can work on darker neons like `#1E90FF` or `#8A2BE2`.

Accessibility notes

  • Due to high saturation, ensure sufficient contrast by pairing neon colors with true black or dark backgrounds for text.
  • Avoid using light neon colors (e.g., `#FFD700`) for small text on white or similarly light backgrounds.
  • Test color blindness compatibility, as vibrant hues can be challenging for some users; consider providing alternative visual cues.
  • Use larger font sizes and bold weights for text in these vibrant colors to enhance readability.

Recommended combinations

Electric Pop

Excellent for high-energy call-to-action buttons, vibrant section separators, or playful infographics.

#FF4500 · #1E90FF · #32CD32

Neon Glow

Ideal for creating dynamic gradients, interactive elements, or backgrounds that need to stand out.

#FFD700 · #8A2BE2 · #FF4500

Pier Lights

Suited for vibrant logos, animated elements, or hero sections to convey excitement and fun.

#1E90FF · #FFD700 · #32CD32

CSS variables

:root {
  --amusement-pier-neon-1: #FF4500;
  --amusement-pier-neon-2: #FFD700;
  --amusement-pier-neon-3: #32CD32;
  --amusement-pier-neon-4: #1E90FF;
  --amusement-pier-neon-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amusement-pier-neon": {
        1: "#FF4500",
        2: "#FFD700",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

neon color palettevibrant UI designplayful color schemeselectric branding colorsamusement park aesthetic

Palette colors

Hex values

Color 1#FF4500
·
Color 2#FFD700
·
Color 3#32CD32
·
Color 4#1E90FF
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.6:1Fail
1.1:1Fail
1.7:1Fail
2
2.5:1Fail
1.5:1Fail
2.3:1Fail
4.2:1AA18
3
1.6:1Fail
1.5:1Fail
1.5:1Fail
2.8:1Fail
4
1.1:1Fail
2.3:1Fail
1.5:1Fail
1.8:1Fail
5
1.7:1Fail
4.2:1AA18
2.8:1Fail
1.8:1Fail

Similar palettes

More like Amusement Pier Neon

View all vibrant
Neon Arcade Nights
Playful Carnival Lights
Retro Candy Dream
Bright Carnival Spin
Bright Carnival Swirl
Bright Fairground Lights