Back to palettes

Palette

Mod Abstract Splash

A daring explosion of primary and secondary colors, capturing the irreverent spirit of classic pop art.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mod Abstract Splash 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 Mod Abstract Splash.

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

Data visualization

#E74C3C#F1C40F#3498DB#2ECC71#9B59B6

Palette guide

How to use Mod Abstract Splash

Overview

The Mod Abstract Splash palette is a vibrant explosion of primary and secondary colors, designed to capture the bold, irreverent spirit of classic pop art and 60s design. Featuring the striking red #E74C3C, the bright yellow #F1C40F, a vivid blue #3498DB, an energetic green #2ECC71, and a playful purple #9B59B6, this palette is ideal for projects demanding high energy and a retro-modern aesthetic. Perfect for graphic design, event promotion, youth-oriented branding, or any visual medium looking to make a loud, unforgettable statement. Developers will find these colors excellent for creating dynamic and engaging user interfaces.

Best used for

  • Pop art inspired graphic design
  • Retro-themed event branding
  • Children's product packaging
  • Creative agency websites
  • Bold fashion and apparel design
  • Digital illustrations and animations

Suggested color roles

primary

Use #E74C3C or #3498DB as a dominant primary to establish a strong, energetic brand presence.

secondary

Employ #F1C40F or #2ECC71 for secondary elements, adding complementary vibrancy and visual interest.

accent

The vivid #9B59B6 serves as an excellent accent for calls to action or key interactive elements, standing out boldly.

background

For backgrounds, consider a neutral off-white or light grey to let these vibrant colors truly pop, or use a softened version of one of the palette colors.

text

For optimal readability, use a stark black or very dark grey for text. On darker backgrounds or elements, a crisp white is essential.

Accessibility notes

  • Most colors in this palette are vibrant; ensure sufficient contrast when pairing any two for text, especially #F1C40F.
  • Always use black or white text with #F1C40F to meet WCAG AA contrast standards.
  • Avoid using similar luminance colors like #E74C3C and #9B59B6 for text and background combinations.
  • Use a contrast checker diligently for all text and interactive element pairings to ensure readability.

Recommended combinations

Pop Art Punch

Classic primary trio for a bold, high-impact design; perfect for headlines.

#E74C3C · #F1C40F · #3498DB

Vivid Contrast

Creates dynamic and playful contrasts, suitable for graphic patterns or illustrations.

#2ECC71 · #9B59B6 · #F1C40F

Energetic Focus

Combines cool and warm tones for a balanced yet energetic visual hierarchy.

#3498DB · #E74C3C · #2ECC71

CSS variables

:root {
  --mod-abstract-splash-1: #E74C3C;
  --mod-abstract-splash-2: #F1C40F;
  --mod-abstract-splash-3: #3498DB;
  --mod-abstract-splash-4: #2ECC71;
  --mod-abstract-splash-5: #9B59B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mod-abstract-splash": {
        1: "#E74C3C",
        2: "#F1C40F",
        3: "#3498DB",
        4: "#2ECC71",
        5: "#9B59B6",
      }
    }
  }
}

Related searches

vibrant retro color schemepop art color palettebold 60s design colorsgraphic vivid palettecolorful abstract art inspiration

Palette colors

Hex values

Color 1#E74C3C
·
Color 2#F1C40F
·
Color 3#3498DB
·
Color 4#2ECC71
·
Color 5#9B59B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.2:1Fail
1.8:1Fail
1.2:1Fail
2
2.3:1Fail
1.9:1Fail
1.3:1Fail
2.8:1Fail
3
1.2:1Fail
1.9:1Fail
1.5:1Fail
1.5:1Fail
4
1.8:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
5
1.2:1Fail
2.8:1Fail
1.5:1Fail
2.2:1Fail

Similar palettes

More like Mod Abstract Splash

View all vibrant
Pop Art Canvas
Retro Atomic Era
Retro Diner Glaze
Retro Diner Pop
Retro Kitsch Pop
Retro Pop Art