Back to palettes

Palette

Abstract Expression Burst

Dynamic and contrasting colors explode with artistic energy, evoking a sense of spontaneous creativity.

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

#F53C58#FFCC29#4AC0BF#471A49#9C3F6F

Palette guide

How to use Abstract Expression Burst

Overview

The Abstract Expression Burst palette (Vibrant) explodes with artistic energy, featuring a dynamic blend of contrasting colors that evoke spontaneous creativity. It includes a bold, energetic red #F53C58, a bright and optimistic yellow #FFCC29, a cool and refreshing teal #4AC0BF, a deep, mysterious purple #471A49, and a rich magenta #9C3F6F. This palette is designed for designers and developers who want to make a strong visual statement, offering a vibrant foundation for projects that require a modern, energetic, and artistic aesthetic. It's excellent for creating engaging UIs, impactful branding, and expressive digital content.

Best used for

  • Creative and artistic brand identities
  • Fashion and lifestyle digital campaigns
  • Event invitations and promotional graphics
  • Modern art exhibition websites
  • Digital media content and social graphics
  • Bold editorial layouts and magazine designs

Suggested color roles

primary

Use #F53C58 for high-impact calls-to-action or prominent branding, or #471A49 for a sophisticated, deep primary base.

secondary

Employ #FFCC29 for energetic highlights or warnings, and #4AC0BF for balancing cool tones in backgrounds or supporting elements.

accent

Apply #9C3F6F for a luxurious pop of color in smaller details, icons, or interactive states.

background

A clean white or light gray background will allow the vibrancy of these colors to truly shine and maximize contrast.

text

For optimal readability, use #471A49 or black text on lighter backgrounds, and white or a very light gray on the darker #471A49.

Accessibility notes

  • Bright yellow #FFCC29 will require very dark text (e.g., black or #471A49) to ensure readability and meet WCAG AA contrast.
  • Ensure sufficient contrast between all background and foreground elements, particularly with #F53C58 and #4AC0BF.
  • The deep #471A49 provides excellent contrast for light text, making it suitable for headings or important information on dark sections.
  • Avoid placing #F53C58 directly adjacent to #9C3F6F for text or small elements due to potential low contrast and visual vibration.

Recommended combinations

Vibrant Contrast

A striking combination for bold headlines and dynamic content blocks, balancing warm and cool tones.

#F53C58 · #4AC0BF · #471A49

Energetic Pop

Ideal for engaging interactive elements or to add a playful, energetic feel to a design.

#FFCC29 · #9C3F6F · #4AC0BF

Bold & Deep

Creates a sophisticated yet powerful aesthetic, perfect for strong branding or impactful sections.

#471A49 · #F53C58 · #9C3F6F

CSS variables

:root {
  --abstract-expression-burst-3-1: #F53C58;
  --abstract-expression-burst-3-2: #FFCC29;
  --abstract-expression-burst-3-3: #4AC0BF;
  --abstract-expression-burst-3-4: #471A49;
  --abstract-expression-burst-3-5: #9C3F6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-expression-burst-3": {
        1: "#F53C58",
        2: "#FFCC29",
        3: "#4AC0BF",
        4: "#471A49",
        5: "#9C3F6F",
      }
    }
  }
}

Related searches

bold abstract color schemevibrant art paletteenergetic branding colorsmodern contrast palettecreative digital design colors

Palette colors

Hex values

Color 1#F53C58
·
Color 2#FFCC29
·
Color 3#4AC0BF
·
Color 4#471A49
·
Color 5#9C3F6F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.7:1Fail
3.8:1AA18
1.7:1Fail
2
2.5:1Fail
1.5:1Fail
9.2:1AAA
4.2:1AA18
3
1.7:1Fail
1.5:1Fail
6.3:1AA
2.9:1Fail
4
3.8:1AA18
9.2:1AAA
6.3:1AA
2.2:1Fail
5
1.7:1Fail
4.2:1AA18
2.9:1Fail
2.2:1Fail

Similar palettes

More like Abstract Expression Burst

View all vibrant
Abstract Art Strokes
Abstract Block Play
Abstract Canvas Blend
Abstract Canvas Pop
Abstract Canvas Swirl
Abstract Expression Brush