Palette

Playful Toy Box Burst

A cheerful collection of vibrant hues reminiscent of a child's imaginative playtime and colorful toys.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Toy Box Burst 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 Playful Toy Box Burst.

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

Data visualization

#FF4040#FFFF00#32CD32#1E90FF#8A2BE2

Palette guide

How to use Playful Toy Box Burst

Overview

The Playful Toy Box Burst palette is a cheerful collection of vibrant hues, reminiscent of a child's imaginative playtime and colorful toys. Featuring bold and bright colors like the energetic red #FF4040, the sunny yellow #FFFF00, the lively green #32CD32, the clear blue #1E90FF, and the rich violet #8A2BE2, this palette is perfect for designers and developers aiming to create joyful, dynamic, and highly engaging experiences. Its primary-inspired yet distinctive tones make it excellent for projects that need to convey enthusiasm, creativity, and a welcoming, lighthearted atmosphere. This palette ensures a strong visual presence, making elements stand out with a burst of color.

Best used for

Children's educational content and apps
Toy store branding and e-commerce
Kids' party planning and decor
Interactive digital experiences for families
Youth sports or recreational branding
Creative workshop or art class promotions

Suggested color roles

primary

Designate #FF4040 as a strong primary for calls-to-action or key visual points, conveying excitement.

secondary

Utilize #1E90FF for secondary interactive elements or important information, offering a stable contrast.

accent

Highlight critical content or playful graphics with #FFFF00 for an undeniable burst of sunshine and attention.

background

Employ #32CD32 as a vibrant background for specific sections or graphic features, bringing a fresh, lively feel.

text

Pair with a deep charcoal (e.g., #222222) or pure black for text on lighter hues, and white text for sufficient contrast on darker colors.

Accessibility notes

Ensure high contrast for text on bright backgrounds; dark text is often essential for WCAG AA compliance.
Exercise caution when placing #FF4040 and #32CD32 in close proximity for critical information due to potential red-green color blindness issues.
For body text, consider using these vibrant colors sparingly or against a neutral background to maintain readability.
Provide clear non-color-dependent indicators for interactive states and feedback to ensure accessibility for all users.

Recommended combinations

Bright & Bold

Ideal for eye-catching headlines, primary buttons, and energetic branding elements.

#FF4040 · #1E90FF · #FFFF00

Lively Play

Perfect for dynamic illustrations, game elements, or distinct content blocks in a playful interface.

#32CD32 · #8A2BE2 · #FF4040

Sunny Contrast

Use for highlighting key information, creating vibrant patterns, or structuring interactive UI components.

#1E90FF · #FFFF00 · #32CD32

CSS variables

:root {
  --playful-toy-box-burst-1: #FF4040;
  --playful-toy-box-burst-2: #FFFF00;
  --playful-toy-box-burst-3: #32CD32;
  --playful-toy-box-burst-4: #1E90FF;
  --playful-toy-box-burst-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-toy-box-burst": {
        1: "#FF4040",
        2: "#FFFF00",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF4040

Color 2#FFFF00

Color 3#32CD32

Color 4#1E90FF

Color 5#8A2BE2

Accessibility

Contrast checker

3.2:1AA18

1.6:1Fail

1.1:1Fail

1.7:1Fail

3.2:1AA18

2:1Fail

3:1AA18

5.5:1AA

1.6:1Fail

2:1Fail

1.5:1Fail

2.8:1Fail

1.1:1Fail

3:1AA18

1.5:1Fail

1.8:1Fail

1.7:1Fail

5.5:1AA

2.8:1Fail

1.8:1Fail

Similar palettes

More like Playful Toy Box Burst

View all vibrant

Carnival Pop Art

Childhood Color Blocks

Crayola Box Blast

Crayon Box Delight

Festival Fairground Joy

Lego Block Primary