Palette

Cherry Berry Bliss

Sweet, vibrant reds and pinks with soft creams, like a delightful berry jam.

warmplayful5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cherry Berry Bliss 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 Berry Bliss.

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

Data visualization

#B22222#DC143C#FF6347#FFDAB9#F5DEB3

Palette guide

How to use Cherry Berry Bliss

Overview

The Cherry Berry Bliss palette is a sweet, vibrant collection of reds and pinks with soft creams, reminiscent of a delightful berry jam. It features bold reds like #B22222 (Firebrick) and #DC143C (Crimson), a lively orange-red #FF6347 (Tomato), and gentle, creamy tones of #FFDAB9 (Peach Puff) and #F5DEB3 (Wheat). For designers and developers, this palette offers a playful yet inviting aesthetic, perfect for projects that aim to evoke warmth, joy, and deliciousness. Its high contrast and cheerful hues make it ideal for branding or interfaces that require a lively, energetic, and visually appealing presence across various digital and print applications.

Best used for

Food and beverage branding (jams, desserts, cafes)
Children's product design and websites
Sweet shop or bakery marketing materials
Playful e-commerce platforms
Valentine's Day or holiday promotions
Lifestyle blogs focusing on joy and comfort

Suggested color roles

primary

Utilize #DC143C as the dominant brand color for headers, important call-to-action buttons, and key interactive elements.

secondary

Employ #B22222 for secondary navigation, prominent content blocks, or as a deeper, richer accent.

accent

Apply #FF6347 for lively highlights, interactive states, or to draw immediate attention to promotions.

background

Choose #FFDAB9 or #F5DEB3 for clean, warm, and inviting backgrounds.

text

For light backgrounds, use #B22222 or #DC143C for excellent readability. On dark reds, a pure white text color is recommended.

Accessibility notes

Ensure #B22222 text on #FFDAB9 background meets WCAG contrast standards for body text.
Avoid using #FF6347 text on #DC143C backgrounds for small text, as contrast may be insufficient.
Use a pure white text color for all text on #B22222 or #DC143C backgrounds to guarantee readability.
Test interactive elements with #FF6347 against adjacent red tones to ensure sufficient visual distinction.

Recommended combinations

Sweet Contrast

Ideal for main content areas: vibrant red background, light text, and a deeper red for subheadings.

#DC143C · #FFDAB9 · #B22222

Berry Burst

Create energetic calls-to-action or promotional banners, contrasting deep red with a fiery orange and soft cream.

#B22222 · #FF6347 · #F5DEB3

Creamy Delight

Use #DC143C for strong visual elements on a #FFDAB9 canvas, with #FF6347 for delicate details or highlights.

#FFDAB9 · #DC143C · #FF6347

CSS variables

:root {
  --cherry-berry-bliss-1: #B22222;
  --cherry-berry-bliss-2: #DC143C;
  --cherry-berry-bliss-3: #FF6347;
  --cherry-berry-bliss-4: #FFDAB9;
  --cherry-berry-bliss-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-berry-bliss": {
        1: "#B22222",
        2: "#DC143C",
        3: "#FF6347",
        4: "#FFDAB9",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#DC143C

Color 3#FF6347

Color 4#FFDAB9

Color 5#F5DEB3

Accessibility

Contrast checker

1.3:1Fail

2.3:1Fail

5.1:1AA

1.3:1Fail

1.7:1Fail

3.8:1AA18

2.3:1Fail

1.7:1Fail

2.2:1Fail

5.1:1AA

3.8:1AA18

2.2:1Fail

1:1Fail

5.1:1AA

3.8:1AA18

2.2:1Fail

1:1Fail

Similar palettes

More like Cherry Berry Bliss

Cherry Berry Bliss

See it in context.

Ready when you are.

Built with Cherry Berry Bliss.

How to use Cherry Berry Bliss

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sweet Contrast

Berry Burst

Creamy Delight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cherry Berry Bliss