Back to palettes

Palette

Abstract Expression Paint

A riot of contrasting, energetic hues, reminiscent of spontaneous brushstrokes on an artist's canvas.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6347#FFD700#BA55D3#00BFFF#2E8B57

Palette guide

How to use Abstract Expression Paint

Overview

The Abstract Expression Paint palette is a riot of contrasting, energetic hues, reminiscent of spontaneous brushstrokes on an artist's canvas. This vibrant and chaotic collection features bold colors like the lively #FF6347 (Tomato), the radiant #FFD700 (Gold), and the striking #BA55D3 (Medium Orchid). Designers can harness this palette to inject raw energy and creativity into digital art, experimental branding, or dynamic user interfaces. Developers will find these distinct, bright colors excellent for creating engaging interactive elements, highlighting key information, and building visually impactful designs that capture attention. The cool #00BFFF (Deep Sky Blue) and earthy #2E8B57 (Sea Green) add surprising depth, making it ideal for projects that dare to be different and expressive.

Best used for

  • Digital art and illustration
  • Event and festival branding
  • Youth-oriented marketing campaigns
  • Interactive educational platforms
  • Creative portfolio websites
  • Abstract graphic design projects

Suggested color roles

primary

#FF6347 (Tomato) - Use this bold, warm color for main calls-to-action or prominent section titles to convey urgency and excitement.

secondary

#00BFFF (Deep Sky Blue) - A cool, expansive blue that provides a strong contrast, ideal for secondary buttons, navigation, or background accents.

accent

#BA55D3 (Medium Orchid) - Deploy this rich purple for decorative elements, hover states, or to draw attention to specific details with a touch of whimsy.

background

A clean white or light grey will best showcase the palette's vibrancy. For a more dramatic effect, a deep charcoal could make the colors pop.

text

Use a standard black (#000000) or very dark grey for optimal readability against lighter hues, or white (#FFFFFF) against the more saturated colors like #FF6347.

Accessibility notes

  • Exercise caution when using #FFD700 (Gold) for text; ensure it has sufficient contrast against its background, especially lighter tones.
  • The bright nature of #FF6347 and #BA55D3 makes them better suited for accents or large headings rather than body text.
  • Pair #00BFFF with dark text like black for readability, or white text if used as a background element.
  • Always test color combinations for WCAG compliance, particularly for text overlays on colored backgrounds.

Recommended combinations

Vibrant Clash

Excellent for creating high-impact banners, splash screens, or dynamic infographics that demand immediate attention.

#FF6347 · #00BFFF · #FFD700

Artistic Energy

Perfect for abstract illustrations, artistic web elements, or branding that seeks a unique, unconventional appeal.

#BA55D3 · #2E8B57 · #FF6347

Bright Contrast

Ideal for interactive elements, data visualization, or UI components where clear distinction and a cheerful mood are desired.

#FFD700 · #00BFFF · #BA55D3

CSS variables

:root {
  --abstract-expression-paint-1: #FF6347;
  --abstract-expression-paint-2: #FFD700;
  --abstract-expression-paint-3: #BA55D3;
  --abstract-expression-paint-4: #00BFFF;
  --abstract-expression-paint-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-expression-paint": {
        1: "#FF6347",
        2: "#FFD700",
        3: "#BA55D3",
        4: "#00BFFF",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

energetic color schemebright artistic palettechaotic bold colorsspontaneous design huesmodern vibrant art

Palette colors

Hex values

Color 1#FF6347
·
Color 2#FFD700
·
Color 3#BA55D3
·
Color 4#00BFFF
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.3:1Fail
1.4:1Fail
1.4:1Fail
2
2.1:1Fail
2.8:1Fail
1.5:1Fail
3:1AA18
3
1.3:1Fail
2.8:1Fail
1.9:1Fail
1.1:1Fail
4
1.4:1Fail
1.5:1Fail
1.9:1Fail
2:1Fail
5
1.4:1Fail
3:1AA18
1.1:1Fail
2:1Fail

Similar palettes

More like Abstract Expression Paint

View all vibrant
Abstract Expression Burst
Abstract Expression Hues
Bauhaus Primary Forms
Energetic Pop Art
Modernist Geometry
Painter's Canvas Splatter