Back to palettes

Palette

Vintage Toy Box Fun

Bright and cheerful primary colors evoke the simple joy of classic toys and childhood memories.

retroplayful5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E13A3E#FFD933#3366CC#33A17B#F2EDD7

Palette guide

How to use Vintage Toy Box Fun

Overview

The Vintage Toy Box Fun palette is a burst of bright and cheerful primary colors, evoking the simple joy of classic toys and childhood memories. It features a vibrant red, `#E13A3E`, a sunny yellow, `#FFD933`, and a bold blue, `#3366CC`. These are perfectly balanced by a fresh green, `#33A17B`, and a soft off-white, `#F2EDD7`. This palette is an excellent choice for designers and developers aiming to create lively, engaging, and nostalgic experiences that appeal to a youthful or retro audience.

Best used for

  • Children's brands and educational materials
  • Playful mobile applications and game interfaces
  • Retro gaming themes and interfaces
  • Children's book illustrations and animations
  • Toy store branding and product packaging
  • Event marketing for family-friendly events

Suggested color roles

primary

Use `#E13A3E` as an energetic primary for calls to action, important headings, or bold brand elements.

secondary

Apply `#3366CC` for stable, classic complementary sections, navigation, or strong graphic elements.

accent

Incorporate `#FFD933` as a bright, cheerful accent for highlights, icons, or interactive components.

background

Utilize `#F2EDD7` as a clean, light base, allowing the vibrant primary colors to truly pop.

text

Employ `#33A17B` for playful headings or secondary text, and a dark charcoal or black for main body text for optimal readability.

Accessibility notes

  • Ensure `#F2EDD7` provides sufficient contrast for all text colors, especially darker ones like `#3366CC` or black.
  • Avoid using `#FFD933` for small text or critical information due to its bright nature and potential low contrast.
  • When using bold colors as backgrounds (e.g., `#E13A3E`), ensure text is a light, contrasting color (e.g., white or `#F2EDD7`).
  • Test color combinations with tools for color blindness to ensure inclusivity for all users.

Recommended combinations

Classic Primary

A timeless and bold combination for main branding, logos, or hero sections, exuding pure fun.

#E13A3E · #3366CC · #FFD933

Playful Balance

Offers a fresh and inviting feel, suitable for sub-sections, illustrations, or a more balanced design.

#33A17B · #F2EDD7 · #E13A3E

Energetic Pop

Excellent for accents and highlights, bringing a burst of high energy to interactive elements or infographics.

#FFD933 · #E13A3E · #3366CC

CSS variables

:root {
  --vintage-toy-box-fun-1: #E13A3E;
  --vintage-toy-box-fun-2: #FFD933;
  --vintage-toy-box-fun-3: #3366CC;
  --vintage-toy-box-fun-4: #33A17B;
  --vintage-toy-box-fun-5: #F2EDD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-toy-box-fun": {
        1: "#E13A3E",
        2: "#FFD933",
        3: "#3366CC",
        4: "#33A17B",
        5: "#F2EDD7",
      }
    }
  }
}

Related searches

primary color schemevintage toy colorskids branding paletteretro childhood designbright playful colors

Palette colors

Hex values

Color 1#E13A3E
·
Color 2#FFD933
·
Color 3#3366CC
·
Color 4#33A17B
·
Color 5#F2EDD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
1.2:1Fail
1.3:1Fail
3.7:1AA18
2
3.1:1AA18
3.9:1AA18
2.3:1Fail
1.2:1Fail
3
1.2:1Fail
3.9:1AA18
1.7:1Fail
4.6:1AA
4
1.3:1Fail
2.3:1Fail
1.7:1Fail
2.7:1Fail
5
3.7:1AA18
1.2:1Fail
4.6:1AA
2.7:1Fail

Similar palettes

More like Vintage Toy Box Fun

View all retro