Palette

Crayola Box Blast

A joyful, uninhibited selection of pure primary and secondary colors, like a freshly opened box of crayons.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crayola Box Blast 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 Crayola Box Blast.

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

Data visualization

#E60000#FF7B00#FFDF00#00C800#0000FF

Palette guide

How to use Crayola Box Blast

Overview

The Crayola Box Blast palette is a joyful, uninhibited selection of pure primary and secondary colors, like a freshly opened box of crayons. Featuring bold hues such as the fiery #E60000, the energetic #FF7B00, and the vibrant #0000FF, this collection is designed for maximum impact and playfulness. Designers and developers can leverage #FFDF00 for sunny accents and #00C800 for fresh, lively elements. This palette is ideal for projects aiming to convey enthusiasm, creativity, and a youthful spirit, perfect for children's brands, educational materials, or dynamic digital interfaces that demand attention and evoke fun.

Best used for

Children's toy and apparel branding
Educational websites and apps
Playful event promotions and posters
Creative workshops and art supply stores
Animated content and cartoon design
User interfaces for gaming or entertainment platforms

Suggested color roles

primary

Use #E60000 or #0000FF as strong primaries for bold statements, headlines, or key interactive elements.

secondary

Employ #FF7B00 or #00C800 for subheadings, navigation, or secondary calls to action, maintaining high energy.

accent

Introduce #FFDF00 as a bright accent for highlights, icons, or subtle background patterns, adding cheerfulness.

background

A clean white or very light grey background allows these vibrant colors to truly pop. Avoid dark backgrounds.

text

On light backgrounds, black or a very dark charcoal offers excellent readability. For dark elements, white text is crucial.

Accessibility notes

Be mindful of contrast when using #FFDF00 on white backgrounds; ensure sufficient text contrast.
Avoid placing #E60000 text on #FF7B00 or vice versa due to potential readability issues for color-blind users.
Ensure interactive elements have clear visual cues beyond color, especially for red/green combinations.
Always test color combinations with accessibility tools, paying close attention to WCAG 2.1 AA contrast standards.

Recommended combinations

Primary Pop

For high-impact, classic primary color schemes in playful designs.

#E60000 · #0000FF · #FFDF00

Vibrant Play

Ideal for energetic and dynamic compositions, perfect for children's media.

#FF7B00 · #00C800 · #E60000

Color Blast

Excellent for creating cheerful, eye-catching gradients or layered graphic elements.

#0000FF · #FFDF00 · #FF7B00

CSS variables

:root {
  --crayola-box-blast-1: #E60000;
  --crayola-box-blast-2: #FF7B00;
  --crayola-box-blast-3: #FFDF00;
  --crayola-box-blast-4: #00C800;
  --crayola-box-blast-5: #0000FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crayola-box-blast": {
        1: "#E60000",
        2: "#FF7B00",
        3: "#FFDF00",
        4: "#00C800",
        5: "#0000FF",
      }
    }
  }
}

Hex values

Color 1#E60000

Color 2#FF7B00

Color 3#FFDF00

Color 4#00C800

Color 5#0000FF

Accessibility

Contrast checker

1.9:1Fail

3.6:1AA18

2.1:1Fail

1.8:1Fail

1.9:1Fail

2:1Fail

1.1:1Fail

3.3:1AA18

3.6:1AA18

2:1Fail

1.7:1Fail

6.5:1AA

2.1:1Fail

1.1:1Fail

1.7:1Fail

3.8:1AA18

1.8:1Fail

3.3:1AA18

6.5:1AA

3.8:1AA18

Similar palettes

More like Crayola Box Blast

View all vibrant

Playroom Primary

Carnival Pop Art

Playroom Primary Brights

Primary Block Fun

Primary Toy Block Party

Art Studio Chaos