Palette

Toy Box Imagination

A lively collection of bold, friendly colors, sparking the boundless creativity found within a child's toy box.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF5733#33FF57#3357FF#FFC300#C70039

Palette guide

How to use Toy Box Imagination

Overview

The Toy Box Imagination palette is a vibrant explosion of bold, primary-inspired colors, designed to spark creativity and joy. Featuring energetic hues like the fiery red #FF5733, the playful green #33FF57, and the deep blue #3357FF, alongside a sunny #FFC300 and a striking #C70039, this palette is a playground for designers. It's perfect for projects that aim to be cheerful, engaging, and memorable, particularly in contexts appealing to children or requiring a sense of energetic fun. This collection provides a dynamic foundation for highly interactive and visually stimulating designs.

Best used for

Children's educational apps and websites
Playful branding for toys or kids' products
Event marketing for family-friendly activities
Interactive game interfaces and animations
Creative arts and crafts websites
Packaging design for colorful, fun items

Suggested color roles

primary

Use #FF5733 as a dominant, energetic color for primary calls to action, main headings, or key interactive elements.

secondary

Employ #3357FF for supporting sections, background accents, or to balance the warmth with a cool, stable presence.

accent

Apply #FFC300 for highlights, notifications, or secondary buttons, bringing a sunny, inviting pop.

background

Utilize a neutral white or light gray background to allow these vibrant colors to truly stand out, or use #33FF57 sparingly for playful sections.

text

Black or a very dark gray is recommended for text to ensure maximum readability against these bright, saturated colors.

Accessibility notes

Many combinations of these bright colors will have insufficient contrast for text; always test against WCAG guidelines.
Ensure interactive elements have clear visual states (hover, focus) that don't rely solely on slight color shifts.
Avoid using #FFC300 for small text on a white background due to potential readability issues for some users.
Pair highly saturated colors with neutral backgrounds or text colors (e.g., black or white) for better legibility and less visual fatigue.

Recommended combinations

Playful Pop

Creates a highly energetic and inviting feel, ideal for calls to action or feature highlights in a youthful design.

#FF5733 · #33FF57 · #FFC300

Bold Balance

Offers a dynamic yet balanced look with cool and warm tones, suitable for section dividers or infographic elements.

#3357FF · #FFC300 · #C70039

Primary Contrast

Emphasizes strong visual separation, great for distinct content blocks or a bold, primary-colored theme.

#FF5733 · #3357FF · #C70039

CSS variables

:root {
  --toy-box-imagination-1: #FF5733;
  --toy-box-imagination-2: #33FF57;
  --toy-box-imagination-3: #3357FF;
  --toy-box-imagination-4: #FFC300;
  --toy-box-imagination-5: #C70039;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "toy-box-imagination": {
        1: "#FF5733",
        2: "#33FF57",
        3: "#3357FF",
        4: "#FFC300",
        5: "#C70039",
      }
    }
  }
}

Hex values

Color 1#FF5733

Color 2#33FF57

Color 3#3357FF

Color 4#FFC300

Color 5#C70039

Accessibility

Contrast checker

2.3:1Fail

1.7:1Fail

2:1Fail

1.9:1Fail

2.3:1Fail

3.9:1AA18

1.2:1Fail

4.5:1AA18

1.7:1Fail

3.9:1AA18

3.3:1AA18

1.1:1Fail

2:1Fail

1.2:1Fail

3.3:1AA18

3.7:1AA18

1.9:1Fail

4.5:1AA18

1.1:1Fail

3.7:1AA18

Similar palettes

More like Toy Box Imagination

View all vibrant

Childhood Color Blocks

Playful Toy Blocks

Playful Toy Box

Playroom Primary Brights

Retro Toy Box

Skybound Kite