Back to palettes

Palette

Playful Candybox

A joyful explosion of bright, sugary colors reminiscent of a child's candy box filled with treats.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Candybox 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 Candybox.

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

Data visualization

#FFB6C1#FFD700#98FB98#87CEFA#BA55D3

Palette guide

How to use Playful Candybox

Overview

The Playful Candybox palette is a joyful explosion of bright, sugary colors, reminiscent of a child's candy box filled with treats. This vibrant collection features #FFB6C1 (Light Pink), #FFD700 (Gold), #98FB98 (Pale Green), #87CEFA (Light Sky Blue), and #BA55D3 (Medium Orchid). It's an excellent choice for designers and developers aiming to create a cheerful, inviting, and memorable visual experience. Its playful contrasts and joyful hues provide versatility for both digital interfaces and physical products, ensuring a lively and engaging aesthetic that appeals to a youthful audience.

Best used for

  • Children's toy packaging and branding
  • Creative stationery and school supplies
  • Whimsical website designs and blogs
  • Party decorations and event themes
  • Sweet treat promotions and advertisements
  • Playful mobile app interfaces

Suggested color roles

primary

Use #BA55D3 as a unique, engaging primary color for brand identity or key calls to action.

secondary

Apply #87CEFA for a calm, expansive secondary role, suitable for backgrounds or supportive graphics.

accent

Employ #FFD700 to add a cheerful, bright highlight, drawing attention to icons or important details.

background

Utilize #98FB98 as a fresh, light background, providing a gentle canvas for the other vibrant colors.

text

For body text, use a dark charcoal (e.g., #333333). #FFB6C1 can be used for very subtle decorative text or ghost buttons.

Accessibility notes

  • Ensure sufficient contrast between text and backgrounds, especially for lighter colors like #FFB6C1 or #98FB98.
  • Verify that interactive elements have clear visual states, particularly against similar pastel backgrounds.
  • Avoid using #FFD700 for small text on light backgrounds due to potential readability issues.
  • Consider using larger font sizes for improved readability when applying lighter text colors from the palette.

Recommended combinations

Vibrant Mix

Creates an immediate sense of fun and vibrancy, perfect for headers or prominent graphic elements.

#BA55D3 · #FFD700 · #87CEFA

Gentle Refresh

Ideal for a soft yet playful backdrop, such as website footers or subtle design patterns.

#98FB98 · #FFB6C1 · #87CEFA

Bold & Bright

Suitable for creating dynamic visual interest, like highlight boxes or interactive components.

#FFD700 · #BA55D3 · #FFB6C1

CSS variables

:root {
  --playful-candybox-1: #FFB6C1;
  --playful-candybox-2: #FFD700;
  --playful-candybox-3: #98FB98;
  --playful-candybox-4: #87CEFA;
  --playful-candybox-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candybox": {
        1: "#FFB6C1",
        2: "#FFD700",
        3: "#98FB98",
        4: "#87CEFA",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

candy box colorscheerful children's paletteplayful web designsweet packaging designbright whimsical colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFD700
·
Color 3#98FB98
·
Color 4#87CEFA
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1:1Fail
2.4:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
2.8:1Fail
3
1.3:1Fail
1.1:1Fail
1.4:1Fail
3.1:1AA18
4
1:1Fail
1.2:1Fail
1.4:1Fail
2.3:1Fail
5
2.4:1Fail
2.8:1Fail
3.1:1AA18
2.3:1Fail

Similar palettes

More like Playful Candybox

View all vibrant
Candy Carnival Swirl
Candy Rainbow Burst
Gumball Machine Gleam
Gummy Bear Blast
Gummy Delight
Jelly Bean Jamboree