Back to palettes

Palette

Candy Apple Red

Bright and playful reds, reminiscent of glossy, candied apples at a fair.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Apple Red 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 Candy Apple Red.

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

Data visualization

#BF0A3D#E21B4C#FF2B5C#FF5B87#FF8BAD

Palette guide

How to use Candy Apple Red

Overview

The Candy Apple Red palette is a vibrant and playful collection of reds and pinks, reminiscent of glossy, candied apples at a fair. It spans from the deep crimson #BF0A3D to the bright candy red #E21B4C and the vivid #FF2B5C. Softer pinks like #FF5B87 and the airy #FF8BAD complete the spectrum, offering versatility. Designers and developers can harness these energetic hues to create bold, eye-catching designs that evoke sweetness and excitement, perfect for brands looking to make a memorable, cheerful statement.

Best used for

  • Playful and energetic branding
  • Children's product packaging
  • Festive event invitations and decor
  • Vibrant social media graphics
  • Dessert and confectionery websites
  • Youth-focused fashion accessories

Suggested color roles

primary

Use #E21B4C (bright candy red) as the energetic core for main headings or key design elements.

secondary

Employ #BF0A3D (deeper crimson) for grounding contrast, important text, or strong calls to action.

accent

Introduce #FF5B87 (vibrant pink) for playful highlights, interactive elements, or decorative details.

background

Utilize #FF8BAD (softest pink) as a light, airy background, allowing brighter colors to pop.

text

Apply #BF0A3D (deep red) for strong readability on light backgrounds, or use a dark charcoal/black for maximum contrast.

Accessibility notes

  • Text in #BF0A3D on #FF8BAD will require careful checking for WCAG AA contrast compliance.
  • Lighter shades like #FF8BAD are best for backgrounds or large decorative elements, not small text.
  • For interactive elements, use the darker reds like #BF0A3D to ensure clear visibility and contrast.
  • Avoid using #FF5B87 or #FF2B5C for extensive body text due to their high vibrancy and potential eye strain.

Recommended combinations

Bold & Sweet

Creates striking headers and playful product emphasis, ideal for attention-grabbing designs.

#BF0A3D · #FF2B5C · #FF8BAD

Vibrant Pop

Excellent for eye-catching calls to action, festive elements, or dynamic UI components.

#E21B4C · #FF5B87 · #BF0A3D

Soft Glow

Perfect for background gradients, subtle branding, or creating a warm, inviting visual atmosphere.

#FF8BAD · #FF2B5C · #E21B4C

CSS variables

:root {
  --candy-apple-red-2-1: #BF0A3D;
  --candy-apple-red-2-2: #E21B4C;
  --candy-apple-red-2-3: #FF2B5C;
  --candy-apple-red-2-4: #FF5B87;
  --candy-apple-red-2-5: #FF8BAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-apple-red-2": {
        1: "#BF0A3D",
        2: "#E21B4C",
        3: "#FF2B5C",
        4: "#FF5B87",
        5: "#FF8BAD",
      }
    }
  }
}

Related searches

candy red paletteplayful pink redvibrant sweet colorsfairground aestheticbold glossy reds

Palette colors

Hex values

Color 1#BF0A3D
·
Color 2#E21B4C
·
Color 3#FF2B5C
·
Color 4#FF5B87
·
Color 5#FF8BAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.1:1Fail
2.9:1Fail
2
1.4:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
3
1.7:1Fail
1.3:1Fail
1.2:1Fail
1.7:1Fail
4
2.1:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail
5
2.9:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Candy Apple Red

View all vibrant
Berry Blossom
Candy Apple Red
Juicy Berry Harvest
Peppermint Stripe Joy
Sweet Berry Sorbet
Berry Patch Bliss