Palette

Abstract Canvas Drip

A striking and playful collection of colors, perfect for a bold abstract art piece.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Canvas Drip 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 Canvas Drip.

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

Data visualization

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

Palette guide

How to use Abstract Canvas Drip

Overview

The "Abstract Canvas Drip" palette is a striking and playful collection of colors, perfect for a bold abstract art piece or a vibrant digital presence. It features a lively #EF476F (coral pink), a cheerful #FFD166 (sunny yellow), a refreshing #06D6A0 (bright green), a deep #118AB2 (cerulean blue), and a grounded #073B4C (dark teal). This combination offers a dynamic range from bright and inviting to deep and anchoring. Designers can leverage this palette to create engaging interfaces, playful branding, or expressive illustrations. Developers will find these distinct colors highly effective for establishing visual hierarchy and injecting energy into web and mobile applications, ensuring a memorable user experience.

Best used for

Playful children's brands
Creative agency websites
Digital art portfolios
Interactive app interfaces
Modern packaging design
Event branding for festivals

Suggested color roles

primary

#073B4C (Dark Teal) - Provides a sophisticated, grounding base for backgrounds, navigation, or large text blocks, offering depth.

secondary

#118AB2 (Cerulean Blue) - Excellent for subheadings, active states, or secondary calls-to-action, adding a cool, inviting feel.

accent

#EF476F (Coral Pink) - Use for high-impact calls-to-action, alerts, or small graphic details to draw immediate attention with warmth.

background

#F7FFF7 (Near White) or a very light gray - A clean, bright canvas that allows the vibrant colors to truly pop and ensures readability.

text

#073B4C or #000000 (Black) - For primary body text, #073B4C offers good readability on light backgrounds. Black ensures maximum contrast and legibility.

Accessibility notes

Ensure sufficient contrast for #FFD166 when used for text on light backgrounds, as it may not meet WCAG AA standards.
Pair #073B4C or #EF476F with a light background for readable body text.
Avoid using #06D6A0 or #118AB2 for small text against similar mid-tone backgrounds without careful contrast checks.
Test colorblind compatibility, especially with the green and pink, to ensure distinct visual cues.

Recommended combinations

Vibrant Focus

For hero sections or calls-to-action that demand attention with a warm, energetic feel.

#073B4C · #EF476F · #FFD166

Cool & Clear

Ideal for navigation, data visualization, or informational sections, offering clarity and a modern touch.

#073B4C · #118AB2 · #06D6A0

Playful Pop

Excellent for highlights, interactive elements, or children-focused designs, creating a cheerful mood.

#FFD166 · #EF476F · #06D6A0

CSS variables

:root {
  --abstract-canvas-drip-1: #EF476F;
  --abstract-canvas-drip-2: #FFD166;
  --abstract-canvas-drip-3: #06D6A0;
  --abstract-canvas-drip-4: #118AB2;
  --abstract-canvas-drip-5: #073B4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-canvas-drip": {
        1: "#EF476F",
        2: "#FFD166",
        3: "#06D6A0",
        4: "#118AB2",
        5: "#073B4C",
      }
    }
  }
}

Hex values

Color 1#EF476F

Color 2#FFD166

Color 3#06D6A0

Color 4#118AB2

Color 5#073B4C

Accessibility

Contrast checker

2.5:1Fail

1.9:1Fail

1.1:1Fail

3.3:1AA18

2.5:1Fail

1.3:1Fail

2.7:1Fail

8.4:1AAA

1.9:1Fail

1.3:1Fail

2.1:1Fail

6.4:1AA

1.1:1Fail

2.7:1Fail

2.1:1Fail

3:1AA18

3.3:1AA18

8.4:1AAA

6.4:1AA

3:1AA18

Similar palettes

More like Abstract Canvas Drip

View all vibrant

Abstract Art Canvas

Abstract Geometric Bloom

Abstract Geometric Hue

Artistic Paint Splatter

Big Top Parade

Bohemian Rhapsody Art