Back to palettes

Palette

Graphic Novel Pop

Bold, impactful colors straight from a graphic novel, full of energy and sharp contrasts.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Graphic Novel 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 Graphic Novel Pop.

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

Data visualization

#E03B8E#2ECC71#F1C40F#3498DB#C0392B

Palette guide

How to use Graphic Novel Pop

Overview

The Graphic Novel Pop palette is a dynamic and energetic collection of bold, impactful colors, directly inspired by the punchy visuals of modern graphic novels. This vibrant array includes the striking #E03B8E pink, fresh #2ECC71 green, sunny #F1C40F yellow, cool #3498DB blue, and intense #C0392B red. Each hue brings its own character, allowing designers to create sharp contrasts and lively compositions that capture attention. It's an excellent choice for projects that aim for a contemporary, spirited, and slightly rebellious aesthetic, perfect for digital media, youth brands, or interactive experiences.

Best used for

  • Modern comic-style illustrations
  • Youth-focused brand identities
  • Dynamic web and app interfaces
  • Event branding for festivals
  • Animated explainer videos
  • Product design for energetic markets

Suggested color roles

primary

Utilize #3498DB as a foundational, versatile color for larger sections or brand elements, offering a cool, stable base.

secondary

Employ #E03B8E for subheadings, secondary graphics, or to introduce a playful, energetic counterpoint.

accent

Feature #F1C40F for calls-to-action, interactive elements, or key highlights that need to stand out with brightness.

background

A clean #FFFFFF white or a very light gray provides the best canvas for these vibrant colors to truly pop.

text

For primary text, a deep #C0392B red or #2F4F4F (dark slate gray, not in palette but recommended) ensures strong readability on light backgrounds. Use white text on darker colors.

Accessibility notes

  • Ensure high contrast when pairing vibrant colors. For instance, #F1C40F text on #FFFFFF will likely fail accessibility standards.
  • Use #C0392B or #3498DB for text on light backgrounds for better readability.
  • Avoid using #E03B8E and #2ECC71 as text/background pairs due to potential issues for colorblind users.
  • Always test color combinations for text and interactive elements to meet WCAG AA contrast guidelines.

Recommended combinations

Bold Statement

A strong blue base with yellow accents and a powerful red for emphasis.

#3498DB · #F1C40F · #C0392B

Energetic Duo

Pairing pink and green for a lively, playful feel, with blue as a grounding element.

#E03B8E · #2ECC71 · #3498DB

Highlight & Contrast

Yellow as a highlight, red for impact, and green for secondary information or balance.

#F1C40F · #C0392B · #2ECC71

CSS variables

:root {
  --graphic-novel-pop-1: #E03B8E;
  --graphic-novel-pop-2: #2ECC71;
  --graphic-novel-pop-3: #F1C40F;
  --graphic-novel-pop-4: #3498DB;
  --graphic-novel-pop-5: #C0392B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "graphic-novel-pop": {
        1: "#E03B8E",
        2: "#2ECC71",
        3: "#F1C40F",
        4: "#3498DB",
        5: "#C0392B",
      }
    }
  }
}

Related searches

bold comic colorsvibrant pop art paletteenergetic graphic designmodern youth brandingbright UI colors

Palette colors

Hex values

Color 1#E03B8E
·
Color 2#2ECC71
·
Color 3#F1C40F
·
Color 4#3498DB
·
Color 5#C0392B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.4:1Fail
1.3:1Fail
1.3:1Fail
2
1.9:1Fail
1.3:1Fail
1.5:1Fail
2.6:1Fail
3
2.4:1Fail
1.3:1Fail
1.9:1Fail
3.3:1AA18
4
1.3:1Fail
1.5:1Fail
1.9:1Fail
1.7:1Fail
5
1.3:1Fail
2.6:1Fail
3.3:1AA18
1.7:1Fail

Similar palettes

More like Graphic Novel Pop

View all vibrant