Palette

Artistic Paint Splatter

A lively and eclectic mix of hues, evoking the spontaneous energy of an artist's canvas and fresh ideas.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Artistic Paint Splatter 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 Artistic Paint Splatter.

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

Data visualization

#FF6B6B#FFD166#06D6A0#118AB2#073B4C

Palette guide

How to use Artistic Paint Splatter

Overview

The Artistic Paint Splatter palette is a lively and eclectic mix of hues, evoking the spontaneous energy of an artist's canvas. Featuring the energetic coral red #FF6B6B, sunny yellow #FFD166, vibrant teal green #06D6A0, and deep creative blues like #118AB2, anchored by the rich dark navy #073B4C. This dynamic combination is perfect for projects that aim to be bold, diverse, and full of fresh ideas. Designers and developers can leverage its playful contrasts to create engaging, memorable experiences across various digital and print mediums.

Best used for

Creative agency branding
Children's product design
Dynamic event posters
Playful app interfaces
Art and craft websites
Bold marketing materials

Suggested color roles

primary

#118AB2 serves as a stable yet creative primary color, excellent for main headings or navigation.

secondary

#FF6B6B adds an energetic, attention-grabbing secondary element, ideal for call-to-actions or alerts.

accent

#06D6A0 provides a fresh, vibrant pop, perfect for icons, illustrations, or interactive elements.

background

#073B4C offers a dark, dramatic background, creating strong contrast for brighter elements. Alternatively, use a clean off-white for a lighter feel.

text

#FFD166 works beautifully for bright text on dark backgrounds like #073B4C, while a dark charcoal ensures readability on lighter backgrounds.

Accessibility notes

Ensure high contrast for text, especially when using vibrant colors like #FFD166 on #073B4C.
Avoid placing similar vibrant colors next to each other without sufficient contrast for readability.
Test color blindness compatibility, particularly with the red-green (#FF6B6B and #06D6A0) combination.
Provide clear focus states for interactive elements, utilizing a distinct color from the palette.

Recommended combinations

Vibrant Contrast

A bold and energetic combination for impactful headlines or striking design sections.

#073B4C · #FF6B6B · #06D6A0

Playful Energy

Creates a lively and cheerful mood, suitable for playful interfaces or children's branding.

#FFD166 · #118AB2 · #FF6B6B

Creative Depth

A sophisticated yet vibrant mix, ideal for branding that needs depth with a creative edge.

#118AB2 · #06D6A0 · #073B4C

CSS variables

:root {
  --artistic-paint-splatter-1: #FF6B6B;
  --artistic-paint-splatter-2: #FFD166;
  --artistic-paint-splatter-3: #06D6A0;
  --artistic-paint-splatter-4: #118AB2;
  --artistic-paint-splatter-5: #073B4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artistic-paint-splatter": {
        1: "#FF6B6B",
        2: "#FFD166",
        3: "#06D6A0",
        4: "#118AB2",
        5: "#073B4C",
      }
    }
  }
}

Hex values

Color 1#FF6B6B

Color 2#FFD166

Color 3#06D6A0

Color 4#118AB2

Color 5#073B4C

Accessibility

Contrast checker

1.9:1Fail

1.5:1Fail

1.4:1Fail

4.4:1AA18

1.9:1Fail

1.3:1Fail

2.7:1Fail

8.4:1AAA

1.5:1Fail

1.3:1Fail

2.1:1Fail

6.4:1AA

1.4:1Fail

2.7:1Fail

2.1:1Fail

3:1AA18

4.4:1AA18

8.4:1AAA

6.4:1AA

3:1AA18

Similar palettes

More like Artistic Paint Splatter

View all vibrant

Abstract Art Canvas

Abstract Canvas Drip

Abstract Geometric Hue

Art Studio Chaos

Retro Comic Pop

Vivid Spectrum Play