Palette

Abstract Brush Stroke

A dynamic fusion of bold and contrasting colors, reflecting the freedom of abstract expression.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Brush Stroke 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 Brush Stroke.

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

Data visualization

#FF5964#FFB92D#39CC97#3772FF#FCB8D7

Palette guide

How to use Abstract Brush Stroke

Overview

The "Abstract Brush Stroke" palette is a dynamic fusion of bold and contrasting colors, reflecting the freedom of abstract expression. It features an energetic #FF5964 (coral red), a cheerful #FFB92D (bright orange), a refreshing #39CC97 (seafoam green), and a powerful #3772FF (vibrant blue). A soft, delicate #FCB8D7 (pastel pink) rounds out the collection, offering a gentle counterpoint to the intensity. This palette is excellent for designers aiming to create lively, modern, and artistic projects that stand out. Developers can apply these distinct hues to craft engaging user interfaces, expressive branding, or captivating digital art, ensuring a memorable and visually stimulating experience.

Best used for

Creative portfolio websites
Dynamic app onboarding screens
Modern art event promotions
Youthful brand identities
Digital illustration and animation
Fashion and lifestyle blogs

Suggested color roles

primary

#3772FF (Vibrant Blue) - Establishes a strong, modern foundation for headings, main navigation, or dominant UI elements.

secondary

#FF5964 (Coral Red) - Use for interactive components, alerts, or secondary calls-to-action to add warmth and urgency.

accent

#FFB92D (Bright Orange) - Ideal for drawing attention to key features, highlights, or small, energetic graphic accents.

background

#FCB8D7 (Pastel Pink) - Provides a soft, inviting backdrop that allows the bolder colors to pop without overwhelming the user.

text

#3772FF or a dark gray - For most body text, a dark gray or black provides optimal readability. #3772FF can be used for headings or emphasized text on light backgrounds.

Accessibility notes

Ensure sufficient contrast for #FFB92D or #FCB8D7 if used for text, especially on light backgrounds.
Pair #3772FF or #FF5964 with a light background like #FCB8D7 or white for readable body text.
Avoid using #FCB8D7 for small text, as its low contrast can hinder legibility.
Test color pairings for contrast, particularly between #FF5964 and #FFB92D, to ensure distinctness for all users.

Recommended combinations

Bold Statement

For eye-catching hero sections or feature cards that need to convey energy and modernity.

#3772FF · #FF5964 · #FCB8D7

Lively Accents

Excellent for highlights, interactive elements, or infographics that need a fresh, engaging feel.

#39CC97 · #FFB92D · #FCB8D7

Dynamic Balance

Creates a balanced yet vibrant look, suitable for branding or interface designs that are both playful and professional.

#3772FF · #FFB92D · #FCB8D7

CSS variables

:root {
  --abstract-brush-stroke-1: #FF5964;
  --abstract-brush-stroke-2: #FFB92D;
  --abstract-brush-stroke-3: #39CC97;
  --abstract-brush-stroke-4: #3772FF;
  --abstract-brush-stroke-5: #FCB8D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-brush-stroke": {
        1: "#FF5964",
        2: "#FFB92D",
        3: "#39CC97",
        4: "#3772FF",
        5: "#FCB8D7",
      }
    }
  }
}

Hex values

Color 1#FF5964

Color 2#FFB92D

Color 3#39CC97

Color 4#3772FF

Color 5#FCB8D7

Accessibility

Contrast checker

1.8:1Fail

1.5:1Fail

1.4:1Fail

1.9:1Fail

1.8:1Fail

1.2:1Fail

2.4:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

2:1Fail

1.3:1Fail

1.4:1Fail

2.4:1Fail

2:1Fail

2.6:1Fail

1.9:1Fail

1.1:1Fail

1.3:1Fail

2.6:1Fail

Similar palettes

More like Abstract Brush Stroke

View all Vibrant

Abstract Canvas Stripe

Abstract Geometric Canvas

Canyon Abstract Sunset

Neon Data Stream

Vibrant Circus Tent

Vibrant City Pulse