Palette

Sweet Berry Harvest

Rich, mouth-watering shades of ripe summer berries, full of natural sweetness.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6F2232#951D4D#BC3F6C#F27B9B#F8AD9D

Palette guide

How to use Sweet Berry Harvest

Overview

The Sweet Berry Harvest palette (#2) offers rich, mouth-watering shades of ripe summer berries, full of natural sweetness. This vibrant collection transitions beautifully from deep `#6F2232` (dark plum) and `#951D4D` (deep berry) to the more vivid `#BC3F6C` (raspberry), softening into the delicate `#F27B9B` (rose pink) and `#F8AD9D` (peach pink). Designers and developers can employ this palette to evoke warmth, ripeness, and a comforting sweetness, ideal for cozy or gourmet-themed projects that require a luscious, inviting feel.

Best used for

Gourmet food and beverage packaging
Autumn-themed marketing campaigns
Cozy cafe and bakery branding
Skincare or beauty product lines
Home decor and textile design
Lifestyle blogs and online magazines

Suggested color roles

primary

Use `#6F2232` or `#951D4D` as a rich, deep primary color for foundational elements or strong branding.

secondary

Employ `#BC3F6C` to introduce a vibrant mid-tone berry, or for supporting sections and graphics.

accent

Apply `#F8AD9D` as a soft, delicate accent for highlights, subtle iconography, or decorative touches.

background

The lightest shade, `#F8AD9D`, makes a gentle, warm background, or pair with a neutral cream.

text

Dark charcoal or `#6F2232` offers excellent readability for body text. White text works well on darker elements like `#6F2232` or `#951D4D`.

Accessibility notes

The lightest pinks, `#F27B9B` and `#F8AD9D`, require dark text for sufficient contrast and readability.
Ensure all text, especially smaller fonts, has adequate contrast against background colors.
Use a contrast checker to verify WCAG AA/AAA compliance for text-to-background pairings.
Avoid using light text on `#F27B9B` or `#F8AD9D` for critical information.

Recommended combinations

Harvest Gradient

Ideal for a rich background gradient, a layered visual element, or a sophisticated product showcase.

#6F2232 · #BC3F6C · #F8AD9D

Rich & Soft

Perfect for a balanced content block, a call-to-action with gentle emphasis, or elegant branding.

#951D4D · #F27B9B · #6F2232

Warm Blend

Excellent for soft UI elements, a cozy illustration, or a welcoming website banner.

#BC3F6C · #F8AD9D · #951D4D

CSS variables

:root {
  --sweet-berry-harvest-2-1: #6F2232;
  --sweet-berry-harvest-2-2: #951D4D;
  --sweet-berry-harvest-2-3: #BC3F6C;
  --sweet-berry-harvest-2-4: #F27B9B;
  --sweet-berry-harvest-2-5: #F8AD9D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-harvest-2": {
        1: "#6F2232",
        2: "#951D4D",
        3: "#BC3F6C",
        4: "#F27B9B",
        5: "#F8AD9D",
      }
    }
  }
}

Hex values

Color 1#6F2232

Color 2#951D4D

Color 3#BC3F6C

Color 4#F27B9B

Color 5#F8AD9D

Accessibility

Contrast checker

1.3:1Fail

2.1:1Fail

4.1:1AA18

5.9:1AA

1.3:1Fail

1.6:1Fail

3.2:1AA18

4.5:1AA18