Back to palettes

Palette

Jellybean Jamboree

A sweet and cheerful collection of pastel hues, reminiscent of a sugary assortment of delicious jellybean candies.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jellybean Jamboree 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 Jellybean Jamboree.

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

Data visualization

#ff69b4#ffb6c1#ffe4e1#dda0dd#ba55d3

Palette guide

How to use Jellybean Jamboree

Overview

The Jellybean Jamboree palette offers a sweet and delightful assortment of pastel hues, reminiscent of a sugary candy collection. Dominated by soft pinks like #ff69b4, #ffb6c1, and the near-white #ffe4e1, alongside gentle purples such as #dda0dd and #ba55d3, this palette exudes a playful and calming charm. Designers can utilize these delicate tones to create designs that feel light, airy, and inviting. It's an excellent choice for projects requiring a soft, feminine, or whimsical aesthetic, perfect for conveying warmth and a gentle approach across various design applications.

Best used for

  • Baby product branding
  • Wedding or bridal shower invitations
  • Sweet shop or dessert branding
  • Children's book illustrations
  • Lifestyle blogs and social media
  • Gentle UI design for creative apps

Suggested color roles

primary

#ba55d3 - A rich, yet soft purple that provides a grounding point amidst the lighter pastels.

secondary

#ff69b4 - A vibrant pastel pink, excellent for accents, playful headings, or feminine elements.

accent

#ffe4e1 - A very light, almost white pink, perfect for subtle highlights or background textures.

background

#ffb6c1 - A soft, inviting pink that creates a warm and gentle canvas.

text

#ba55d3 - Suitable for body text on lighter backgrounds like #ffe4e1 or #ffb6c1. For darker text, consider a soft charcoal or black.

Accessibility notes

  • Many combinations will have low contrast. Prioritize readability for critical text using #ba55d3 on #ffe4e1.
  • Avoid using #ffe4e1 for small text on #ffb6c1 due to very low contrast.
  • For interactive elements, ensure clear visual cues like underlines or subtle shadows, as color contrast may be minimal.
  • Consider offering a high-contrast alternative for users with visual impairments.

Recommended combinations

Sweet Pastels

Creates a soft, harmonious gradient for backgrounds or layered graphics.

#FF69B4 · #FFB6C1 · #FFE4E1

Playful Purple

A more vibrant combination for playful accents or illustrations.

#BA55D3 · #DDA0DD · #FF69B4

Delicate Charm

For subtle UI elements or elegant, understated branding.

#FFE4E1 · #FFB6C1 · #DDA0DD

CSS variables

:root {
  --jellybean-jamboree-1: #ff69b4;
  --jellybean-jamboree-2: #ffb6c1;
  --jellybean-jamboree-3: #ffe4e1;
  --jellybean-jamboree-4: #dda0dd;
  --jellybean-jamboree-5: #ba55d3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jellybean-jamboree": {
        1: "#ff69b4",
        2: "#ffb6c1",
        3: "#ffe4e1",
        4: "#dda0dd",
        5: "#ba55d3",
      }
    }
  }
}

Related searches

pastel candy colorssweet pink purple paletteplayful soft huesgentle feminine schemewhimsical light colors

Palette colors

Hex values

Color 1#ff69b4
·
Color 2#ffb6c1
·
Color 3#ffe4e1
·
Color 4#dda0dd
·
Color 5#ba55d3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
1.3:1Fail
1.5:1Fail
2
1.6:1Fail
1.4:1Fail
1.3:1Fail
2.4:1Fail
3
2.2:1Fail
1.4:1Fail
1.7:1Fail
3.3:1AA18
4
1.3:1Fail
1.3:1Fail
1.7:1Fail
1.9:1Fail
5
1.5:1Fail
2.4:1Fail
3.3:1AA18
1.9:1Fail

Similar palettes

More like Jellybean Jamboree

View all pastel
Whimsical Candy Shop
Bubblegum Carnival Pop
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Cloud
Candy Floss Clouds