Back to palettes

Palette

Sweet Berry Jam

A delicious blend of rich reds and soft pinks, inspired by sweet homemade berry jam.

warmplayful5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#FF6347#FF7F50#FFDAB9

Palette guide

How to use Sweet Berry Jam

Overview

The Sweet Berry Jam palette is a delicious blend of rich reds and soft pinks, inspired by sweet homemade berry jam. This warm collection features inviting hues like `#8B0000` (dark red), `#DC143C` (crimson), `#FF6347` (tomato), `#FF7F50` (coral), and `#FFDAB9` (peach puff). Designers and developers can utilize these comforting colors to evoke warmth, deliciousness, and a homemade feel in their projects, perfect for food-related branding, cozy interfaces, or autumnal marketing materials.

Best used for

  • Jam and preserve packaging design
  • Bakery and cafe branding
  • Recipe blogs and digital cookbooks
  • Home goods and kitchenware websites
  • Autumnal marketing materials
  • Cozy social media themes

Suggested color roles

primary

Use `#8B0000` or `#DC143C` as a rich, deep primary color for strong branding or key sections.

secondary

Employ `#FF6347` or `#FF7F50` to introduce a warm, mid-tone orange-red for supporting content.

accent

Apply `#FFDAB9` as a soft, delicate accent for highlights, subtle icons, or decorative elements.

background

The lightest shade, `#FFDAB9`, makes an excellent warm background, or pair with a neutral cream.

text

Dark charcoal or `#8B0000` provides optimal readability for body text. White text works well on darker elements like `#8B0000` or `#DC143C`.

Accessibility notes

  • The lightest colors, `#FFDAB9` and `#FF7F50`, require dark text for sufficient contrast and readability.
  • Ensure all text, especially smaller fonts, maintains 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 `#FFDAB9` or `#FF7F50` for critical information due to low contrast.

Recommended combinations

Jam Jar Gradient

Ideal for a warm background gradient, a layered product image, or a welcoming hero section.

#8B0000 · #FF6347 · #FFDAB9

Warm & Sweet

Perfect for a cozy call-to-action, a recipe card design, or a comforting brand logo.

#DC143C · #FF7F50 · #8B0000

Comfort Blend

Excellent for soft UI elements, a food photography backdrop, or autumnal digital graphics.

#FF6347 · #FFDAB9 · #DC143C

CSS variables

:root {
  --sweet-berry-jam-1: #8B0000;
  --sweet-berry-jam-2: #DC143C;
  --sweet-berry-jam-3: #FF6347;
  --sweet-berry-jam-4: #FF7F50;
  --sweet-berry-jam-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-berry-jam": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF6347",
        4: "#FF7F50",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

sweet red orange color schemehomemade jam branding colorswarm food palette designcozy kitchen color ideasautumnal fruit colors

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#FF6347
·
Color 4#FF7F50
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
4:1AA18
7.6:1AAA
2
2:1Fail
1.7:1Fail
2:1Fail
3.8:1AA18
3
3.4:1AA18
1.7:1Fail
1.2:1Fail
2.2:1Fail
4
4:1AA18
2:1Fail
1.2:1Fail
1.9:1Fail
5
7.6:1AAA
3.8:1AA18
2.2:1Fail
1.9:1Fail

Similar palettes

More like Sweet Berry Jam

View all warm
Berry Compote Delight
Berry Compote Cream
Berry Patch Delight
Cherry Berry Bliss
Summer Berries
Sweet Apricot Jam