Back to palettes

Palette

Crayon Box Delight

Bold and cheerful colors, like a freshly opened box of crayons ready for creativity.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crayon Box Delight 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 Crayon Box Delight.

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

Data visualization

#FF5A5F#FF8A5B#FFBB5B#8AC926#1C77B5

Palette guide

How to use Crayon Box Delight

Overview

The Crayon Box Delight palette bursts with bold and cheerful colors, like a freshly opened box of crayons ready for creativity. Featuring vibrant hues such as the lively #FF5A5F, the sunny #FFBB5B, and the fresh #8AC926, this collection is designed for energetic and playful applications. Designers and developers can leverage #FF8A5B for a warm, inviting orange and #1C77B5 for a clear, stable blue. This palette is ideal for projects aiming to convey enthusiasm, creativity, and a youthful spirit, perfect for children's brands, educational content, or dynamic digital interfaces that inspire imagination and fun.

Best used for

  • Children's educational materials and apps
  • Playful branding for creative services
  • Art and craft supply store websites
  • Youth-focused event promotions
  • Interactive learning platforms
  • Casual gaming user interfaces

Suggested color roles

primary

Use #1C77B5 or #FF5A5F as strong primaries for bold statements, headlines, or key interactive elements.

secondary

Employ #8AC926 or #FF8A5B for subheadings, navigation, or secondary calls to action, maintaining high energy.

accent

Introduce #FFBB5B 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 #FFBB5B on white backgrounds; ensure sufficient text contrast.
  • Avoid placing #FF5A5F text on #FF8A5B 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

Vibrant Sketch

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

#FF5A5F · #1C77B5 · #FFBB5B

Creative Burst

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

#FF8A5B · #8AC926 · #FF5A5F

Fun Strokes

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

#1C77B5 · #FFBB5B · #8AC926

CSS variables

:root {
  --crayon-box-delight-1: #FF5A5F;
  --crayon-box-delight-2: #FF8A5B;
  --crayon-box-delight-3: #FFBB5B;
  --crayon-box-delight-4: #8AC926;
  --crayon-box-delight-5: #1C77B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crayon-box-delight": {
        1: "#FF5A5F",
        2: "#FF8A5B",
        3: "#FFBB5B",
        4: "#8AC926",
        5: "#1C77B5",
      }
    }
  }
}

Related searches

bright playful color schemeschildren's art palettevibrant primary colorsfun crayon box huesenergetic creative design

Palette colors

Hex values

Color 1#FF5A5F
·
Color 2#FF8A5B
·
Color 3#FFBB5B
·
Color 4#8AC926
·
Color 5#1C77B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
1.5:1Fail
1.6:1Fail
2
1.3:1Fail
1.4:1Fail
1.2:1Fail
2.1:1Fail
3
1.8:1Fail
1.4:1Fail
1.2:1Fail
2.9:1Fail
4
1.5:1Fail
1.2:1Fail
1.2:1Fail
2.4:1Fail
5
1.6:1Fail
2.1:1Fail
2.9:1Fail
2.4:1Fail

Similar palettes

More like Crayon Box Delight

View all vibrant
Childhood Color Blocks
Childhood Toy Chest
Lego Block Primary
Playful Circus Pop
Vivid Toy Box Joy
Amusement Pier Neon