Back to palettes

Palette

Vintage Comic Pop

A bold, punchy palette reminiscent of classic comic book illustrations and graphic print designs.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Comic 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 Vintage Comic Pop.

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

Data visualization

#E60026#FFEC00#005E8D#A3A3A3#222222

Palette guide

How to use Vintage Comic Pop

Overview

This "Vintage Comic Pop" palette delivers a classic, punchy aesthetic reminiscent of golden age comic books and graphic prints. It features a commanding red (#E60026), a bright, energetic yellow (#FFEC00), a deep, sophisticated blue (#005E8D), a versatile mid-tone grey (#A3A3A3), and a strong near-black (#222222). This selection is ideal for designers and developers aiming for a bold, impactful visual language with a nostalgic twist. The combination of strong primaries with a supportive grey and dark accent provides excellent versatility for branding, web design, or editorial layouts that need to stand out with timeless appeal.

Best used for

  • Classic comic book covers and interior art
  • Retro-inspired branding and marketing
  • Website designs with a bold, graphic feel
  • Editorial layouts for magazines or blogs
  • Product packaging for nostalgic items
  • Event promotions and poster design

Suggested color roles

primary

Use #E60026 for high-priority calls-to-action or hero elements, demanding attention.

secondary

Employ #005E8D for main content blocks or navigation, providing a stable, deep anchor.

accent

#FFEC00 is perfect for highlights, warnings, or small interactive elements, adding a bright pop.

background

#A3A3A3 can serve as a neutral, textured background, allowing the vibrant colors to pop. #222222 also works for dramatic contrast.

text

For dark backgrounds like #222222 or #005E8D, white or #FFEC00 provides excellent readability. For #A3A3A3 or #FFEC00, #222222 is ideal.

Accessibility notes

  • Ensure #FFEC00 (yellow) text has sufficient contrast, preferably on #222222 (dark grey) or #005E8D (blue).
  • #A3A3A3 (grey) may require careful pairing for text, generally better as a background for darker text.
  • High contrast combinations like #E60026 on #222222 or white on #005E8D are excellent for readability.
  • Avoid using #E60026 (red) and #FFEC00 (yellow) as primary text/background pairs due to potential strain.

Recommended combinations

Bold Headline

For striking headlines and calls-to-action, creating a high-impact visual.

#E60026 · #222222 · #FFEC00

Classic Panel

Ideal for content sections or illustrations, providing depth with bright accents.

#005E8D · #A3A3A3 · #FFEC00

Gritty Contrast

Perfect for a strong, graphic look, emphasizing text or key elements against dark.

#222222 · #E60026 · #A3A3A3

CSS variables

:root {
  --vintage-comic-pop-1: #E60026;
  --vintage-comic-pop-2: #FFEC00;
  --vintage-comic-pop-3: #005E8D;
  --vintage-comic-pop-4: #A3A3A3;
  --vintage-comic-pop-5: #222222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-comic-pop": {
        1: "#E60026",
        2: "#FFEC00",
        3: "#005E8D",
        4: "#A3A3A3",
        5: "#222222",
      }
    }
  }
}

Related searches

classic comic paletteretro graphic design colorsbold primary color schemepop art branding palettevintage illustration colors

Palette colors

Hex values

Color 1#E60026
·
Color 2#FFEC00
·
Color 3#005E8D
·
Color 4#A3A3A3
·
Color 5#222222
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.9:1AA18
1.5:1Fail
1.9:1Fail
3.3:1AA18
2
3.9:1AA18
5.8:1AA
2.1:1Fail
13.1:1AAA
3
1.5:1Fail
5.8:1AA
2.8:1Fail
2.3:1Fail
4
1.9:1Fail
2.1:1Fail
2.8:1Fail
6.3:1AA
5
3.3:1AA18
13.1:1AAA
2.3:1Fail
6.3:1AA

Similar palettes

More like Vintage Comic Pop

View all vibrant