Palette

Abstract Expression Burst

A spontaneous splash of intense, non-traditional colors, inspired by abstract art.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Expression 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 Abstract Expression Burst.

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

Data visualization

#FF0000#0000FF#FFFF00#FF00FF#00FFFF

Palette guide

How to use Abstract Expression Burst

Overview

The Abstract Expression Burst palette (Pure) is a spontaneous splash of intense, non-traditional colors, inspired by the raw energy of abstract art. Comprising pure red #FF0000, pure blue #0000FF, pure yellow #FFFF00, magenta #FF00FF, and cyan #00FFFF, this palette is unapologetically bold and vibrant. It's a powerful tool for designers and developers looking to create highly energetic, visually striking, and digitally-native experiences. These primary and secondary colors, often seen in RGB/CMYK models, are perfect for projects that aim for a dynamic, modern, and impactful aesthetic, especially in digital art or screen-based interfaces.

Best used for

Digital art and interactive installations
Gaming UI and vibrant app interfaces
Retro tech and cyberpunk aesthetic branding
Energetic event visuals and concert graphics
Experimental graphic design projects
Screen-based presentations and motion graphics

Suggested color roles

primary

Use #FF0000 or #0000FF for dominant elements, conveying strong statements, alerts, or primary branding.

secondary

Employ #FFFF00 for bright highlights, warnings, or to add intense energy to specific sections.

accent

Apply #FF00FF or #00FFFF for digital flair, interactive states, or to introduce cool/warm contrasts.

background

Black or white backgrounds are essential to maximize the impact and clarity of these pure, highly saturated colors.

text

Black text works best on #FFFF00. For other colors like #FF0000, #0000FF, #FF00FF, and #00FFFF, white text typically offers optimal contrast and legibility.

Accessibility notes

Pure yellow #FFFF00 has extremely poor contrast with white text; always use black text for readability on this color.
Avoid placing highly saturated colors directly next to each other for small text or thin lines to prevent visual vibration and eye strain.
Ensure sufficient contrast for all text elements, especially on bright backgrounds, checking against WCAG AA standards.
Be highly mindful of color-blind users; this palette relies heavily on distinct hues that can be problematic. Supplement with icons or patterns.

Recommended combinations

RGB Primary

Classic and powerful, ideal for digital display, gaming, or bold, direct messaging.

#FF0000 · #0000FF · #FFFF00

CMYK Pop

Creates a vibrant, almost neon effect, perfect for energetic backgrounds or secondary elements.

#FF00FF · #00FFFF · #FFFF00

Electric Contrast

A dynamic and high-contrast trio, excellent for impactful headlines or breaking up content sections.

#FF0000 · #00FFFF · #0000FF

CSS variables

:root {
  --abstract-expression-burst-1: #FF0000;
  --abstract-expression-burst-2: #0000FF;
  --abstract-expression-burst-3: #FFFF00;
  --abstract-expression-burst-4: #FF00FF;
  --abstract-expression-burst-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-expression-burst": {
        1: "#FF0000",
        2: "#0000FF",
        3: "#FFFF00",
        4: "#FF00FF",
        5: "#00FFFF",
      }
    }
  }
}

Hex values

Color 1#FF0000

Color 2#0000FF

Color 3#FFFF00

Color 4#FF00FF

Color 5#00FFFF

Accessibility

Contrast checker

2.1:1Fail

3.7:1AA18

1.3:1Fail

3.2:1AA18

2.1:1Fail

8:1AAA

2.7:1Fail

6.9:1AA

3.7:1AA18

8:1AAA

2.9:1Fail

1.2:1Fail

1.3:1Fail

2.7:1Fail

2.9:1Fail

2.5:1Fail

3.2:1AA18

6.9:1AA

1.2:1Fail

2.5:1Fail

Similar palettes

More like Abstract Expression Burst

View all vibrant

Abstract Expression Hues

Bauhaus Primary Forms

Energetic Pop Art

Abstract Art Strokes

Abstract Block Play

Abstract Canvas Blend