Palette

Electric Manga Pop

A jolt of hyper-saturated colors, reflecting the bold, dynamic, and expressive world of Japanese pop art and manga.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Manga Pop 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 Electric Manga Pop.

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF4500#008000

Palette guide

How to use Electric Manga Pop

Overview

The Electric Manga Pop palette delivers a jolt of hyper-saturated colors, reflecting the bold, dynamic, and expressive world of Japanese pop art and manga. It features the vibrant #FF00FF (Magenta), electric #00FFFF (Cyan), luminous #FFFF00 (Yellow), energetic #FF4500 (OrangeRed), and a strong #008000 (Green). This high-energy collection is perfect for designs that aim for maximum visual impact, playful rebellion, and a distinct graphic novel aesthetic. Designers can leverage these colors for stark contrasts, dynamic character designs, or attention-grabbing UI elements. Developers will find it ideal for gaming interfaces, animation projects, or youth-oriented apps that demand a lively and unmistakable visual identity.

Best used for

Manga and comic book covers
Pop art illustrations
Gaming UI and character design
Youth-focused brand campaigns
Animated series branding
Vibrant event posters

Suggested color roles

primary

#FF00FF (Magenta) - A powerful, energetic hue, ideal for primary calls-to-action, prominent characters, or dominant graphical elements.

secondary

#00FFFF (Cyan) - Provides a cool, electric balance, perfect for secondary characters, backgrounds, or speed lines in dynamic compositions.

accent

#FFFF00 (Yellow) - A luminous, attention-grabbing accent for speech bubbles, highlights, or critical information that needs immediate visibility.

background

#008000 (Green) - A strong, grounding background that allows the other neon colors to pop, creating a vibrant yet stable base. For darker backgrounds, consider black (#000000).

text

#FF4500 (OrangeRed) - Effective for bold headlines or short, impactful statements. For body text, black or a very dark gray (e.g., #1A1A1A) will offer better readability on lighter backgrounds.

Accessibility notes

Ensure high contrast when pairing #FFFF00 with any light background; it's best on dark colors like #008000.
Avoid using #FF00FF, #00FFFF, #FFFF00, or #FF4500 for small body text due to their intensity and potential for eye strain.
When using #008000 as a background, ensure text colors (e.g., white or yellow) meet WCAG contrast ratios.
Prioritize dark text (e.g., black) on #FFFF00, and white text on #FF00FF or #00FFFF for optimal readability.

Recommended combinations

Comic Burst

The classic CMY combination, perfect for creating dynamic pop art effects, speech bubbles, or vibrant panels.

#FF00FF · #00FFFF · #FFFF00

Manga Action

Ideal for action sequences, energetic backgrounds, or elements that need to convey motion and excitement.

#008000 · #FF4500 · #FFFF00

Electric Panel

A high-energy trio for bold character designs, interactive interfaces, or any design requiring a strong, graphic impact.

#00FFFF · #FF00FF · #008000

CSS variables

:root {
  --electric-manga-pop-1: #FF00FF;
  --electric-manga-pop-2: #00FFFF;
  --electric-manga-pop-3: #FFFF00;
  --electric-manga-pop-4: #FF4500;
  --electric-manga-pop-5: #008000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-manga-pop": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#FF4500",
        5: "#008000",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFFF00

Color 4#FF4500

Color 5#008000

Accessibility

Contrast checker

2.5:1Fail

2.9:1Fail

1.1:1Fail

1.6:1Fail

2.5:1Fail

1.2:1Fail

2.7:1Fail

4.1:1AA18

2.9:1Fail

1.2:1Fail

3.2:1AA18

4.8:1AA

1.1:1Fail

2.7:1Fail

3.2:1AA18

1.5:1Fail

1.6:1Fail

4.1:1AA18

4.8:1AA

1.5:1Fail

Similar palettes

More like Electric Manga Pop

View all vibrant

Neon Arcade Blitz

Carnival Carousel Joy

Carnival Fairground Fun

Carnival Neon Nights

Circus Ring Excitement

Cosmic Ray Burst