Back to palettes

Palette

Bold Art Canvas

A confident and impactful palette perfect for contemporary artistic expression, vivid and strong.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC0000#0000CC#FFCC00#008000#1A1A1A

Palette guide

How to use Bold Art Canvas

Overview

The Bold Art Canvas palette is a confident and impactful collection, perfect for contemporary artistic expression with vivid and strong colors. This primary-focused scheme features a striking red #CC0000, a deep blue #0000CC, a vibrant yellow #FFCC00, a lush green #008000, and a grounding near-black #1A1A1A. Designers can leverage these colors to create projects that demand attention and convey a modern, energetic aesthetic. Developers will find that the high contrast and distinct hues offer dynamic possibilities for visual hierarchy and interactive elements, ideal for building engaging user interfaces or digital art that stands out with clarity and artistic flair.

Best used for

  • Modern art gallery websites and branding
  • Children's educational apps or toys
  • Digital marketing for creative agencies
  • Event branding for contemporary festivals
  • Web applications requiring clear visual hierarchy
  • Brand identity for tech startups or innovative products

Suggested color roles

primary

#CC0000 - A powerful red, ideal for main call-to-action buttons, important alerts, or bold headings that demand immediate attention.

secondary

#0000CC - A deep blue that provides a strong, stable complement, suitable for navigation, secondary interactive elements, or key information blocks.

accent

#FFCC00 - A vibrant yellow that acts as a lively accent, best used sparingly for highlights, icons, or elements needing high visibility.

background

#1A1A1A - A deep near-black that offers a sophisticated and dramatic backdrop, making the primary colors truly pop with intensity.

text

Use crisp white or the vibrant #FFCC00 for body text against the dark #1A1A1A background to ensure optimal readability. For lighter backgrounds, use #1A1A1A.

Accessibility notes

  • Ensure sufficient contrast when using #CC0000, #0000CC, or #008000 for text against lighter backgrounds (not provided in palette, use white/light gray).
  • All primary colors (#CC0000, #0000CC, #FFCC00, #008000) offer excellent contrast against #1A1A1A for large text, but check for small text.
  • Avoid pairing #CC0000 and #008000 for text or interactive elements as their combination can be problematic for some users.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG AA standards, especially given the strong hues.

Recommended combinations

Primary Impact

Creates a bold, high-contrast statement, perfect for hero sections or prominent brand elements.

#CC0000 · #0000CC · #1A1A1A

Vibrant Highlight

Offers a lively combination for accents, illustrations, or eye-catching interactive components.

#FFCC00 · #008000 · #1A1A1A

Dynamic Contrast

Provides a strong, energetic visual for creative campaigns or distinct content blocks.

#0000CC · #FFCC00 · #CC0000

CSS variables

:root {
  --bold-art-canvas-1: #CC0000;
  --bold-art-canvas-2: #0000CC;
  --bold-art-canvas-3: #FFCC00;
  --bold-art-canvas-4: #008000;
  --bold-art-canvas-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bold-art-canvas": {
        1: "#CC0000",
        2: "#0000CC",
        3: "#FFCC00",
        4: "#008000",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

bold primary colorsmodern art palettevibrant design schemehigh contrast web colorsenergetic branding palette

Palette colors

Hex values

Color 1#CC0000
·
Color 2#0000CC
·
Color 3#FFCC00
·
Color 4#008000
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.9:1AA18
1.1:1Fail
3:1Fail
2
1.9:1Fail
7.4:1AAA
2.2:1Fail
1.6:1Fail
3
3.9:1AA18
7.4:1AAA
3.4:1AA18
11.5:1AAA
4
1.1:1Fail
2.2:1Fail
3.4:1AA18
3.4:1AA18
5
3:1Fail
1.6:1Fail
11.5:1AAA
3.4:1AA18

Similar palettes

More like Bold Art Canvas

View all vibrant
Abstract Block Play
Abstract Canvas Pop
Geometric Block Pop
Primary Abstract Edge
Abstract Art Strokes
Abstract Canvas Blend