Palette

Crimson Berry Pop

A bold and juicy palette, bursting with the vivid, intense reds of ripe wild cherries.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Berry Pop 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 Crimson Berry Pop.

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

Data visualization

#A30000#E02020#FF6060#FFBABA#7A0000

Palette guide

How to use Crimson Berry Pop

Overview

The Crimson Berry Pop palette is a bold and juicy collection, bursting with the vivid, intense reds of ripe wild cherries. Ranging from the profound #7A0000 to the delicate #FFBABA, this collection is designed for energetic and vibrant applications. Designers and developers can leverage #A30000 for foundational depth and #E02020 for a strong, inviting red. The lively #FF6060 and soft #FFBABA serve as beautiful, brighter accents. This palette is ideal for projects seeking to convey energy, freshness, and a playful vibrancy, perfect for food and beverage branding, energetic digital interfaces, or youthful marketing campaigns.

Best used for

Fruity beverage or snack branding
Summer marketing campaigns and promotions
Vibrant event invitations or decor
Youth-oriented fashion or beauty products
User interfaces for gaming or entertainment apps
Editorial design for pop culture magazines

Suggested color roles

primary

Use #A30000 as a vibrant primary for headlines or calls to action, establishing a bold, energetic presence.

secondary

Employ #E02020 for important content blocks or navigation, offering a slightly brighter, inviting red.

accent

Introduce #FFBABA as a soft, blush accent for highlights, subtle backgrounds, or interactive elements, adding playfulness.

background

A clean white or very light grey background allows these reds to truly pop. For a richer backdrop, use #7A0000.

text

On light backgrounds, #7A0000 or a dark charcoal ensures excellent readability. For dark backgrounds, white or #FFBABA is essential.

Accessibility notes

Ensure sufficient contrast between #FF6060 and #FFBABA if used for text or critical UI elements.
Text on #7A0000 or #A30000 will require a very light color (e.g., white or #FFBABA) for legibility.
Avoid low-contrast pairings like #E02020 text on #FF6060 backgrounds for small fonts.
Always test contrast ratios with accessibility tools to meet WCAG 2.1 AA standards for readability.

Recommended combinations

Cherry Pop

Creates a deep, rich red foundation with vibrant mid-tones for bold designs.

#7A0000 · #A30000 · #E02020

Berry Blush

Ideal for a vibrant yet soft aesthetic, balancing bright pink with a strong red.

#FF6060 · #FFBABA · #A30000

Juicy Glow

Excellent for subtle gradients or layered elements, evoking a fresh, energetic transition.

#E02020 · #FFBABA · #FF6060

CSS variables

:root {
  --crimson-berry-pop-1: #A30000;
  --crimson-berry-pop-2: #E02020;
  --crimson-berry-pop-3: #FF6060;
  --crimson-berry-pop-4: #FFBABA;
  --crimson-berry-pop-5: #7A0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-berry-pop": {
        1: "#A30000",
        2: "#E02020",
        3: "#FF6060",
        4: "#FFBABA",
        5: "#7A0000",
      }
    }
  }
}

Hex values

Color 1#A30000

Color 2#E02020

Color 3#FF6060

Color 4#FFBABA

Color 5#7A0000

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

5.1:1AA

1.4:1Fail

1.7:1Fail

1.6:1Fail

3:1Fail

2.4:1Fail

2.8:1Fail

1.6:1Fail

1.8:1Fail

3.9:1AA18

5.1:1AA

3:1Fail

1.8:1Fail

7.1:1AAA

1.4:1Fail

2.4:1Fail

3.9:1AA18

7.1:1AAA

Similar palettes

More like Crimson Berry Pop