Back to palettes

Palette

Candy Apple Red

A deliciously bold and vibrant red palette, reminiscent of glistening candy 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

#FF0000#CD0000#B22222#FF4500#A00000

Palette guide

How to use Candy Apple Red

Overview

The Candy Apple Red palette is a deliciously bold and vibrant red collection, reminiscent of glistening candy apples at a fair. It features pure, impactful reds like #FF0000 and #CD0000, complemented by the classic #B22222 and the slightly orange-tinged #FF4500. A deep #A00000 provides excellent depth and contrast. This palette is ideal for designers and developers looking to create high-energy, attention-grabbing designs that evoke excitement, playfulness, and a strong visual presence, perfect for impactful branding and festive themes.

Best used for

  • Food and beverage branding
  • Festive and holiday marketing
  • Urgent calls to action and warnings
  • Children's entertainment and games
  • Sports team branding and merchandise
  • High-impact event promotions

Suggested color roles

primary

Use #FF0000 (pure vibrant red) for high-impact elements, main headings, or critical alerts.

secondary

Employ #B22222 (deeper, classic red) for stable support, larger content blocks, or brand consistency.

accent

Introduce #FF4500 (orange-red) for energetic highlights, interactive elements, or to add a dynamic flair.

background

A neutral background like crisp white or light grey is recommended to let these intense reds truly shine.

text

Apply #A00000 (darkest red) for primary text on light backgrounds to ensure strong contrast, or black for maximum readability.

Accessibility notes

  • Using #A00000 for text on a white background provides excellent contrast (WCAG AA).
  • Avoid using #FF0000 or #FF4500 as primary body text colors due to potential eye strain and low contrast on some backgrounds.
  • If using a red background, ensure text is white or a very light grey for optimal contrast and readability.
  • Ensure sufficient contrast for all text, especially when using lighter red shades for secondary information.

Recommended combinations

High Energy

Ideal for bold headlines, warning signs, or any element requiring immediate and strong visual attention.

#FF0000 · #CD0000 · #A00000

Rich Depth

Perfect for packaging, brand logos, or designs that require a sophisticated yet vibrant red scheme.

#B22222 · #A00000 · #FF4500

Vibrant Pop

Effective for call-to-action buttons, interactive elements, or to create a dynamic, engaging visual experience.

#CD0000 · #FF4500 · #FF0000

CSS variables

:root {
  --candy-apple-red-1: #FF0000;
  --candy-apple-red-2: #CD0000;
  --candy-apple-red-3: #B22222;
  --candy-apple-red-4: #FF4500;
  --candy-apple-red-5: #A00000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-apple-red": {
        1: "#FF0000",
        2: "#CD0000",
        3: "#B22222",
        4: "#FF4500",
        5: "#A00000",
      }
    }
  }
}

Related searches

bright red color schemecandy apple brandingbold vibrant redpure red paletteplayful red design

Palette colors

Hex values

Color 1#FF0000
·
Color 2#CD0000
·
Color 3#B22222
·
Color 4#FF4500
·
Color 5#A00000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
1.2:1Fail
2.1:1Fail
2
1.5:1Fail
1.1:1Fail
1.7:1Fail
1.4:1Fail
3
1.7:1Fail
1.1:1Fail
1.9:1Fail
1.3:1Fail
4
1.2:1Fail
1.7:1Fail
1.9:1Fail
2.4:1Fail
5
2.1:1Fail
1.4:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Candy Apple Red

View all vibrant
Bubblegum Pop
Bubblegum Pop Burst
Candy Apple Red
Soda Shop Jive
Abstract Art Canvas
Abstract Canvas Drip