Palette

Berry Jam Jar

A luscious palette bursting with the deep, sweet colors of homemade berry jam in a rustic jar.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B0A26#A61A3D#D83C5C#F47C9C#B2224A

Palette guide

How to use Berry Jam Jar

Overview

The Berry Jam Jar palette bursts with the deep, sweet colors of homemade berry jam in a rustic jar. This luscious scheme ranges from the rich #6B0A26 and #A61A3D to the vibrant #D83C5C and the playful #F47C9C, all complemented by the robust #B2224A. Each hex code contributes to a warm and inviting aesthetic, ideal for designs that evoke comfort, homemade goodness, and a touch of traditional charm. Designers and developers can leverage this palette for food-related branding, cozy lifestyle blogs, or charming e-commerce sites, ensuring a visually appealing and emotionally resonant user experience. It's particularly effective for conveying warmth and sweetness in digital and print media.

Best used for

Homemade food product packaging
Recipe blogs and culinary websites
Café and bistro branding
Farmers market promotions
Craft and artisanal product labels
Sweet treat promotions

Suggested color roles

primary

The rich #D83C5C is excellent for main headings or calls-to-action, offering a warm and inviting focal point.

secondary

Deep #6B0A26 can be used for navigation, footers, or background sections, providing a strong, elegant foundation.

accent

The playful #F47C9C serves as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding lightness and sweetness.

background

The vibrant #A61A3D provides a warm, approachable base that is gentle on the eyes and complements the deeper tones.

text

For lighter backgrounds like #F47C9C, use the deep #6B0A26 or a rich dark brown for body text. On darker backgrounds, #F47C9C or white ensures readability.

Accessibility notes

Ensure sufficient contrast between #6B0A26 text and #F47C9C backgrounds for WCAG AA compliance.
Avoid using #F47C9C on #D83C5C for small text without careful contrast checks, as they are close in value.
The close tonal range of reds may require careful contrast checks for interactive elements.
Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Jammy Core

Ideal for elegant branding, header sections, and content blocks, providing depth with a soft, comforting highlight.

#6B0A26 · #A61A3D · #F47C9C

Sweet & Vibrant

Excellent for highlighting promotions, call-to-action buttons, and festive elements, conveying warmth and joy.

#D83C5C · #F47C9C · #B2224A

Rustic Preserve

Use for visual storytelling, smooth transitions, or decorative elements that require a flowing, appetizing aesthetic.

#A61A3D · #B2224A · #6B0A26

CSS variables

:root {
  --berry-jam-jar-1: #6B0A26;
  --berry-jam-jar-2: #A61A3D;
  --berry-jam-jar-3: #D83C5C;
  --berry-jam-jar-4: #F47C9C;
  --berry-jam-jar-5: #B2224A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-jam-jar": {
        1: "#6B0A26",
        2: "#A61A3D",
        3: "#D83C5C",
        4: "#F47C9C",
        5: "#B2224A",
      }
    }
  }
}

Hex values

Color 1#6B0A26

Color 2#A61A3D

Color 3#D83C5C

Color 4#F47C9C

Color 5#B2224A

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

4.8:1AA

1.9:1Fail

1.7:1Fail

2.9:1Fail

1.1:1Fail

2.8:1Fail

1.7:1Fail

1.5:1Fail

4.8:1AA

2.9:1Fail

1.7:1Fail

2.5:1Fail

1.9:1Fail

1.1:1Fail

1.5:1Fail

2.5:1Fail

Similar palettes

More like Berry Jam Jar

Berry Jam Jar

See it in context.

Ready when you are.

Built with Berry Jam Jar.

How to use Berry Jam Jar

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Jammy Core

Sweet & Vibrant

Rustic Preserve

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Berry Jam Jar