Back to palettes

Palette

Painter's Spatter Burst

A dynamic explosion of raw, unmixed colors, embodying spontaneous artistic expression.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Painter's Spatter Burst 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 Painter's Spatter Burst.

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

Data visualization

#E60026#F2A600#36B13C#0070B6#8F00B1

Palette guide

How to use Painter's Spatter Burst

Overview

The Painter's Spatter Burst palette offers a dynamic collection of raw, unmixed colors, embodying spontaneous artistic expression and bold energy. Featuring intense hues like the striking red #E60026, the fiery orange #F2A600, the vivid green #36B13C, the deep blue #0070B6, and the rich purple #8F00B1, this scheme is designed for maximum impact. Designers and developers can leverage this palette to create powerful, eye-catching visuals that convey confidence, excitement, and a modern, edgy aesthetic. It's particularly effective for projects that aim to stand out and make a strong, memorable statement.

Best used for

  • Event branding and marketing
  • Sports team identities
  • Youth-oriented digital platforms
  • Artistic portfolios and galleries
  • Bold advertising campaigns
  • Gaming interface design

Suggested color roles

primary

Utilize #0070B6 as a strong, anchoring primary color for structure and reliability, offering depth.

secondary

Employ #E60026 for high-energy accents, alerts, or attention-grabbing calls to action, conveying urgency.

accent

Highlight key features or interactive elements with #F2A600, providing a bright, warm, and highly visible pop.

background

A neutral background like crisp white or light gray is essential to allow these vibrant colors to truly dominate and shine.

text

Black or a very dark charcoal, such as #000000, is crucial for optimal readability against these intense, saturated hues.

Accessibility notes

  • Ensure high contrast for all text elements, especially on #F2A600 (orange); dark text is usually best.
  • Avoid using too many bold colors simultaneously without clear visual hierarchy to prevent visual clutter.
  • White text on darker colors like #E60026, #0070B6, or #8F00B1 generally provides excellent contrast.
  • Use generous padding and clear spacing when combining multiple vibrant colors to enhance readability.

Recommended combinations

Bold Statement

Perfect for brand logos, key messaging, or hero sections that demand immediate attention.

#E60026 · #0070B6 · #F2A600

Dynamic Contrast

Ideal for infographics, abstract art, or visual elements that require a playful yet strong contrast.

#36B13C · #8F00B1 · #F2A600

Energetic Splash

Suitable for interactive elements, banners, or calls to action where vibrancy and impact are key.

#F2A600 · #E60026 · #0070B6

CSS variables

:root {
  --painter-s-spatter-burst-1: #E60026;
  --painter-s-spatter-burst-2: #F2A600;
  --painter-s-spatter-burst-3: #36B13C;
  --painter-s-spatter-burst-4: #0070B6;
  --painter-s-spatter-burst-5: #8F00B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "painter-s-spatter-burst": {
        1: "#E60026",
        2: "#F2A600",
        3: "#36B13C",
        4: "#0070B6",
        5: "#8F00B1",
      }
    }
  }
}

Related searches

bold color schemevibrant primary paletteexpressive brand colorsenergetic art designstrong digital colors

Palette colors

Hex values

Color 1#E60026
·
Color 2#F2A600
·
Color 3#36B13C
·
Color 4#0070B6
·
Color 5#8F00B1
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.7:1Fail
1.1:1Fail
1.6:1Fail
2
2.3:1Fail
1.4:1Fail
2.6:1Fail
3.6:1AA18
3
1.7:1Fail
1.4:1Fail
1.9:1Fail
2.7:1Fail
4
1.1:1Fail
2.6:1Fail
1.9:1Fail
1.4:1Fail
5
1.6:1Fail
3.6:1AA18
2.7:1Fail
1.4:1Fail

Similar palettes

More like Painter's Spatter Burst

View all vibrant