Back to palettes

Palette

Playful Candy Crush

A delightful explosion of sweet, bright hues, just like a vibrant assortment of playful candies.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F46060#FFC947#2BB3C0#8860D0#FF85A2

Palette guide

How to use Playful Candy Crush

Overview

The "Playful Candy Crush" palette is a delightful explosion of sweet, bright hues, just like a vibrant assortment of playful candies. Featuring a lively coral red `#F46060`, sunny yellow `#FFC947`, refreshing teal `#2BB3C0`, deep violet `#8860D0`, and a soft, inviting pink `#FF85A2`, this collection is designed to evoke fun and cheerfulness. Developers and designers can leverage these bright, contrasting colors to create engaging and dynamic interfaces, cheerful branding, or captivating digital content. It's an ideal choice for projects that aim to deliver an energetic, lighthearted, and visually stimulating experience, reminiscent of popular puzzle games.

Best used for

  • Casual mobile game interfaces
  • Children's educational apps
  • Sweet shop or dessert cafe branding
  • Party supply marketing materials
  • Playful social media graphics
  • Interactive dashboards for fun data

Suggested color roles

primary

`#F46060` serves as an energetic primary color for calls-to-action, important alerts, or main interactive elements.

secondary

`#2BB3C0` provides a cool, balanced secondary color for navigation, subheadings, or larger content blocks.

accent

`#FFC947` is an excellent choice for highlights, active states, or small, impactful graphic elements that need to pop with warmth.

background

A neutral white or very light gray will allow these vibrant colors to stand out prominently.

text

Black or dark charcoal for general body text. White text can work effectively against `#F46060`, `#2BB3C0`, and `#8860D0`.

Accessibility notes

  • Ensure sufficient contrast when using `#FFC947` (yellow) for text; it will require black or very dark text.
  • Avoid using `#F46060` (coral red) and `#FF85A2` (pink) for text and background in close proximity due to similar lightness.
  • Test color combinations carefully for users with color vision deficiencies, as some bright hues can be challenging.
  • Maintain clear visual hierarchy and interactive states, especially with such vibrant colors.

Recommended combinations

Candy Swirl

A lively trio for game elements, vibrant buttons, or distinct sections that need to feel dynamic and inviting.

#F46060 · #FFC947 · #2BB3C0

Puzzle Pop

Ideal for playful illustrations or decorative patterns, combining purple, pink, and yellow for a cheerful, harmonious blend.

#8860D0 · #FF85A2 · #FFC947

Sweet Contrast

Use for strong visual differentiation, such as charts, icons, or calls-to-action, where teal provides a cool anchor.

#2BB3C0 · #F46060 · #FFC947

CSS variables

:root {
  --playful-candy-crush-1: #F46060;
  --playful-candy-crush-2: #FFC947;
  --playful-candy-crush-3: #2BB3C0;
  --playful-candy-crush-4: #8860D0;
  --playful-candy-crush-5: #FF85A2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-crush": {
        1: "#F46060",
        2: "#FFC947",
        3: "#2BB3C0",
        4: "#8860D0",
        5: "#FF85A2",
      }
    }
  }
}

Related searches

vibrant candy color schemeplayful game palettebright cheerful colorssweet app design colorsred yellow teal purple pink palette

Palette colors

Hex values

Color 1#F46060
·
Color 2#FFC947
·
Color 3#2BB3C0
·
Color 4#8860D0
·
Color 5#FF85A2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
2
2:1Fail
1.6:1Fail
3:1Fail
1.5:1Fail
3
1.2:1Fail
1.6:1Fail
1.8:1Fail
1.1:1Fail
4
1.4:1Fail
3:1Fail
1.8:1Fail
2:1Fail
5
1.4:1Fail
1.5:1Fail
1.1:1Fail
2:1Fail

Similar palettes

More like Playful Candy Crush

View all vibrant
Gummy Delight
Playful Jelly Bean
Candy Block Fun
Gummy Bear Blast
Lollipop Swirl Dreams
Lollipop Swirl Sugar