Palette

Impasto Brush

Thick, textured strokes of purples and pinks, mimicking the expressive technique of impasto painting.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D2D50#9E4D8A#D36DBC#E5A9D3#4A2440

Palette guide

How to use Impasto Brush

Overview

The Impasto Brush palette is a vibrant collection of purples and pinks, designed to evoke the rich, textured feel of expressive painting. Featuring deep hues like #5D2D50 and #4A2440 alongside brighter tones such as #D36DBC and #E5A9D3, this scheme offers designers and developers a bold foundation for creative projects. It's ideal for conveying energy and artistic flair, allowing for dramatic contrasts and layered visual depth. Utilize these colors to create designs that feel rich, tactile, and full of character, mimicking the thick strokes of an artist's brush.

Best used for

Art and design portfolios
Creative branding for fashion or beauty
Digital illustration and graphic design
Event invitations and decor (e.g., artistic galas)
Cosmetic or luxury product packaging
Interactive art installations

Suggested color roles

primary

Use #5D2D50 as a deep, grounding primary color, providing a sophisticated base for darker elements and strong headings.

secondary

Employ #9E4D8A for supportive elements, subheadings, or larger sections, offering a rich, complementary purple.

accent

Apply #D36DBC as a bright, energetic accent for calls-to-action, icons, or focal points that demand attention.

background

Utilize #E5A9D3 for light, airy backgrounds, creating a soft canvas that allows the deeper purples to pop.

text

For dark text on lighter backgrounds, use #4A2440 for optimal readability. For text on darker shades like #5D2D50, a crisp white or light gray is recommended.

Accessibility notes

Ensure sufficient contrast when using #4A2440 or #5D2D50 for text on #E5A9D3 backgrounds.
Avoid using #D36DBC on #E5A9D3 for small text due to potential low contrast; reserve it for larger headings or graphic elements.
For interactive elements, maintain a minimum contrast ratio of 3:1 against their background, especially with lighter shades.
Consider providing a dark mode option where #E5A9D3 is swapped for a darker tone like #4A2440 with white text.

Recommended combinations

Deep & Light Contrast

Ideal for content areas, with dark text on a light background, and a deep primary for headings or dividers.

#4A2440 · #5D2D50 · #E5A9D3

Vibrant Focus

Perfect for highlighting key features, call-to-action buttons, or vibrant graphic elements against a soft base.

#9E4D8A · #D36DBC · #E5A9D3

Artistic Depth

Use these rich, darker tones together for layered backgrounds, sophisticated illustrations, or strong branding elements.

#5D2D50 · #9E4D8A · #4A2440

CSS variables

:root {
  --impasto-brush-1: #5D2D50;
  --impasto-brush-2: #9E4D8A;
  --impasto-brush-3: #D36DBC;
  --impasto-brush-4: #E5A9D3;
  --impasto-brush-5: #4A2440;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "impasto-brush": {
        1: "#5D2D50",
        2: "#9E4D8A",
        3: "#D36DBC",
        4: "#E5A9D3",
        5: "#4A2440",
      }
    }
  }
}

Hex values

Color 1#5D2D50

Color 2#9E4D8A

Color 3#D36DBC

Color 4#E5A9D3

Color 5#4A2440

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

5.6:1AA

1.2:1Fail

2:1Fail

1.7:1Fail

2.8:1Fail

2.4:1Fail

3.4:1AA18

1.7:1Fail

1.6:1Fail

4.1:1AA18

5.6:1AA

2.8:1Fail

1.6:1Fail

6.8:1AA

1.2:1Fail

2.4:1Fail

4.1:1AA18

6.8:1AA

Similar palettes

More like Impasto Brush

View all vibrant

Abstract Art Strokes

Abstract Block Play

Abstract Canvas Blend

Abstract Canvas Pop

Abstract Canvas Swirl

Abstract Expression Brush