Back to palettes

Palette

Sweet Berry Tart

A bright and enticing palette, inspired by the fresh, sweet, and tangy flavors of a berry tart.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Berry Tart 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 Sweet Berry Tart.

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

Data visualization

#8A0117#BC0018#ED1C24#FFB2B6#B9D0EA

Palette guide

How to use Sweet Berry Tart

Overview

The "Sweet Berry Tart" palette bursts with vibrant, juicy reds, complemented by a refreshing touch of blue, embodying the fresh and tangy flavors of a summer berry tart. With bold hues like the deep #8A0117, the classic #ED1C24, and the unexpected cool of #B9D0EA, this palette is designed to be energetic and inviting. It's an excellent choice for projects that need to convey excitement, playfulness, and a strong visual appeal, making it highly effective for branding and digital interfaces that aim to capture attention.

Best used for

  • Food and beverage branding
  • Playful mobile applications
  • Children's product packaging
  • Summer marketing campaigns
  • Event posters and promotions
  • Website hero sections with high energy

Suggested color roles

primary

Use #ED1C24 to make a bold statement for calls to action, important headings, or key graphical elements.

secondary

Apply #BC0018 for subheadings, navigation, or supporting visual components, providing depth to the reds.

accent

Introduce #B9D0EA as a contrasting accent color for highlights, icons, or to break up the red dominance.

background

Utilize #FFB2B6 for light, airy backgrounds, or #B9D0EA for a cooler, more stable base.

text

For maximum readability, use #8A0117 or a stark black for text against lighter backgrounds. White text pairs well with #ED1C24.

Accessibility notes

  • Ensure strong contrast between the vibrant reds and lighter backgrounds, especially for text.
  • When using #FFB2B6 as a background, pair it with a dark red like #8A0117 for accessible text.
  • Be mindful of colorblind users when combining red and blue accents; ensure sufficient luminance contrast.
  • Avoid using #ED1C24 for large blocks of text on a white background to prevent eye strain; reserve it for headlines.

Recommended combinations

Vibrant Statement

Ideal for creating impactful headers and attention-grabbing elements that pop.

#ED1C24 · #BC0018 · #FFB2B6

Fruity Contrast

Perfect for designs that need a dynamic and fresh feel, such as food packaging or playful apps.

#8A0117 · #B9D0EA · #ED1C24

Light & Energetic

Creates a lively and approachable aesthetic, great for backgrounds with bold accents.

#FFB2B6 · #B9D0EA · #ED1C24

CSS variables

:root {
  --sweet-berry-tart-1: #8A0117;
  --sweet-berry-tart-2: #BC0018;
  --sweet-berry-tart-3: #ED1C24;
  --sweet-berry-tart-4: #FFB2B6;
  --sweet-berry-tart-5: #B9D0EA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-tart": {
        1: "#8A0117",
        2: "#BC0018",
        3: "#ED1C24",
        4: "#FFB2B6",
        5: "#B9D0EA",
      }
    }
  }
}

Related searches

vibrant red color palettefruit inspired colorsbold berry tonesred and blue color schemeplayful food branding

Palette colors

Hex values

Color 1#8A0117
·
Color 2#BC0018
·
Color 3#ED1C24
·
Color 4#FFB2B6
·
Color 5#B9D0EA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
5.9:1AA
6.3:1AA
2
1.5:1Fail
1.5:1Fail
3.9:1AA18
4.2:1AA18
3
2.3:1Fail
1.5:1Fail
2.6:1Fail
2.8:1Fail
4
5.9:1AA
3.9:1AA18
2.6:1Fail
1.1:1Fail
5
6.3:1AA
4.2:1AA18
2.8:1Fail
1.1:1Fail

Similar palettes

More like Sweet Berry Tart

View all vibrant
Berry Patch Bliss
Exotic Fruit Splash
Retro Soda Jerk
Sweet Berry Compote
Tropical Burst Tango
Tropical Fruit Burst