Palette

Cherry Tart Delight

A vibrant and rich palette inspired by the luscious, deep reds of a sweet cherry tart.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cherry Tart Delight 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 Cherry Tart Delight.

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

Data visualization

#5C001C#9E0031#CD123C#F7788A#FFB3C0

Palette guide

How to use Cherry Tart Delight

Overview

The Cherry Tart Delight palette is a rich and vibrant collection inspired by the luscious, deep reds of a sweet cherry tart. It transitions from the profound #5C001C (Dark Berry) to the bright and inviting #FFB3C0 (Cherry Blossom Pink), with #9E0031 and #CD123C providing strong, fruity mid-tones. The energetic #F7788A adds a lighter, playful touch. This palette is excellent for designers seeking to convey warmth, passion, or indulgence. It's particularly effective for food-related branding, romantic themes, or any design that benefits from a bold yet sophisticated use of red, inviting a sense of deliciousness and allure.

Best used for

Dessert and bakery branding
Valentine's Day promotions
Romantic event invitations
Cosmetics and beauty product packaging
Food blog or recipe website design
Fashion and apparel collections

Suggested color roles

primary

Designate #CD123C (Cherry Red) for key branding elements or important sections to capture immediate attention.

secondary

Utilize #9E0031 (Deep Crimson) for subheadings, navigation, or as a contrasting dark element.

accent

Apply #F7788A (Light Cherry) for call-to-action buttons or highlights, adding a playful pop.

background

Use #FFB3C0 (Pale Pink) as a soft, inviting background that allows the deeper reds to truly stand out.

text

For optimal readability, use black or a very dark charcoal for body text, especially on lighter backgrounds like #FFB3C0.

Accessibility notes

Ensure sufficient contrast when pairing text with #FFB3C0; black or very dark text is recommended.
For text on #5C001C, #9E0031, or #CD123C, use white or a very light color to ensure readability.
Avoid using #F7788A for text on similarly light backgrounds to prevent low contrast issues.
Test contrast ratios for interactive elements, ensuring they are clearly distinguishable and accessible.

Recommended combinations

Rich Dessert

Effective for main branding, with #5C001C as a deep base, #CD123C for content, and #FFB3C0 as a light accent.

#5C001C · #CD123C · #FFB3C0

Vibrant Play

Ideal for playful designs, using the reds for emphasis and the lightest pink for a soft backdrop.

#CD123C · #F7788A · #FFB3C0

Deep & Bright

Combine for illustrations or layered graphics, showcasing the depth and vibrancy of the palette.

#9E0031 · #F7788A · #5C001C

CSS variables

:root {
  --cherry-tart-delight-1: #5C001C;
  --cherry-tart-delight-2: #9E0031;
  --cherry-tart-delight-3: #CD123C;
  --cherry-tart-delight-4: #F7788A;
  --cherry-tart-delight-5: #FFB3C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-tart-delight": {
        1: "#5C001C",
        2: "#9E0031",
        3: "#CD123C",
        4: "#F7788A",
        5: "#FFB3C0",
      }
    }
  }
}

Hex values

Color 1#5C001C

Color 2#9E0031

Color 3#CD123C

Color 4#F7788A

Color 5#FFB3C0

Accessibility

Contrast checker

1.7:1Fail

2.5:1Fail

5.4:1AA

8.5:1AAA

1.7:1Fail

1.5:1Fail

3.2:1AA18

5:1AA

2.5:1Fail

1.5:1Fail

2.1:1Fail

3.3:1AA18

5.4:1AA

3.2:1AA18

2.1:1Fail

1.6:1Fail

8.5:1AAA

5:1AA

3.3:1AA18

1.6:1Fail

Similar palettes

More like Cherry Tart Delight

View all warm

Berry Compote Delight