Back to palettes

Palette

Abstract Art Canvas

A whimsical array of bright, contrasting colors perfect for abstract and contemporary art creations.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDDC1#FFB6C1#A2D2FF#C7F1FF#FFDD8D

Palette guide

How to use Abstract Art Canvas

Overview

The Abstract Art Canvas palette is a vibrant and playful collection designed to inspire creativity and evoke a sense of modern artistry. Featuring a delightful mix of warm and cool tones, including the soft peach of #FFDDC1, the cheerful pink of #FFB6C1, and the serene blues of #A2D2FF and #C7F1FF, this palette offers a dynamic visual experience. The sunny yellow of #FFDD8D adds a final touch of brightness. Designers will appreciate its versatility for bold compositions, while developers can implement these exact hex codes to bring whimsical and expressive UIs to life, perfect for projects that aim to be distinctly unique and visually engaging.

Best used for

  • Children's book illustrations and educational apps
  • Creative agency branding and portfolios
  • Modern art gallery websites or exhibition collateral
  • Playful e-commerce sites for unique products
  • Event promotions for festivals or workshops
  • Fashion and lifestyle blogs with a whimsical touch

Suggested color roles

primary

#A2D2FF - A calming yet vibrant blue, excellent for main sections, header backgrounds, or primary interactive elements to anchor the design.

secondary

#FFB6C1 - A cheerful pink, perfect for subheadings, call-out boxes, or secondary buttons to add warmth and playfulness.

accent

#FFDD8D - A bright, sunny yellow, ideal for subtle highlights, small icons, or to draw attention to key information with a pop of energy.

background

#C7F1FF - A very light, airy blue, providing a soft, expansive canvas that supports the more vibrant colors without being overwhelming.

text

charcoal grey - A dark neutral, offering optimal readability against any of the light palette colors, ensuring accessibility for body text and labels.

Accessibility notes

  • Ensure sufficient contrast between any text and background combinations, especially with lighter colors like #FFDDC1 or #C7F1FF.
  • Avoid placing #FFDD8D text on light backgrounds; it's best suited for accents or larger display text.
  • Use a robust dark text color (e.g., charcoal grey) for body copy to maintain readability against all palette backgrounds.
  • Test color pairings for interactive elements to ensure clear visual feedback for all users.

Recommended combinations

Playful Skies

Excellent for bright, inviting interfaces where #C7F1FF is the background, #A2D2FF for primary elements, and #FFB6C1 for engaging accents.

#C7F1FF · #A2D2FF · #FFB6C1

Sunset Splash

Creates a warm, artistic feel with #FFDDC1 as a soft base, #FFDD8D for cheerful highlights, and #A2D2FF for grounding elements.

#FFDDC1 · #FFDD8D · #A2D2FF

Modern Whimsy

Ideal for energetic designs, using #C7F1FF for a clean background, #FFB6C1 for prominent features, and #FFDD8D for playful details.

#C7F1FF · #FFB6C1 · #FFDD8D

CSS variables

:root {
  --abstract-art-canvas-1: #FFDDC1;
  --abstract-art-canvas-2: #FFB6C1;
  --abstract-art-canvas-3: #A2D2FF;
  --abstract-art-canvas-4: #C7F1FF;
  --abstract-art-canvas-5: #FFDD8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-art-canvas": {
        1: "#FFDDC1",
        2: "#FFB6C1",
        3: "#A2D2FF",
        4: "#C7F1FF",
        5: "#FFDD8D",
      }
    }
  }
}

Related searches

playful art color schemebright abstract palettemodern whimsical colorscolorful creative designpastel vibrant aesthetic

Palette colors

Hex values

Color 1#FFDDC1
·
Color 2#FFB6C1
·
Color 3#A2D2FF
·
Color 4#C7F1FF
·
Color 5#FFDD8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.1:1Fail
1:1Fail
2
1.3:1Fail
1:1Fail
1.4:1Fail
1.3:1Fail
3
1.2:1Fail
1:1Fail
1.3:1Fail
1.2:1Fail
4
1.1:1Fail
1.4:1Fail
1.3:1Fail
1.1:1Fail
5
1:1Fail
1.3:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Abstract Art Canvas

View all vibrant
Abstract Canvas Drip
Abstract Geometric Bloom
Abstract Geometric Hue
Artistic Paint Splatter
Art Studio Chaos
Bauhaus Geometry Play