Palette

Summer Berry Cobbler

Delicious reds and muted creamy tones, perfect for a warm summer berry dessert.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Berry Cobbler 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 Summer Berry Cobbler.

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

Data visualization

#800000#A52A2A#B22222#D3D3D3#F0F8FF

Palette guide

How to use Summer Berry Cobbler

Overview

The "Summer Berry Cobbler" palette offers a delicious blend of rich berry reds and comforting creamy tones, evoking the warmth and coziness of a homemade dessert. Key colors include a deep #800000 (Maroon) and a robust #B22222 (Firebrick), representing the luscious berries. These are beautifully balanced by the soft, inviting #D3D3D3 (Light Gray) and the airy #F0F8FF (Alice Blue), reminiscent of a warm, flaky crust and a scoop of vanilla ice cream. This palette is ideal for designers aiming for a natural, comforting, and slightly rustic aesthetic. It’s perfect for food-related branding, home decor, or any design seeking to convey warmth and wholesome appeal.

Best used for

Bakery or dessert shop branding
Food packaging and recipe card design
Cozy home decor accents or textile patterns
Rustic-themed event invitations
Natural and organic product branding
Website design for comfort food blogs or cafes

Suggested color roles

primary

#B22222 (Firebrick): A rich, inviting berry red, excellent for focal points, headings, or elements requiring warmth and prominence.

secondary

#800000 (Maroon): A deeper, more intense berry hue, perfect for grounding elements, strong accents, or subheadings.

accent

#D3D3D3 (Light Gray): A soft, creamy accent that adds a subtle texture and lightness, ideal for highlights, borders, or secondary elements.

background

#F0F8FF (Alice Blue): A very light, airy background color that provides a clean, gentle canvas, enhancing the warmth of the reds.

text

#A52A2A (Brown-ish Red): A muted, earthy red that offers good readability on light backgrounds, suitable for body text or important information.

Accessibility notes

Ensure high contrast between text and background, especially when using #A52A2A on #D3D3D3 or #F0F8FF.
The light background colors (#D3D3D3, #F0F8FF) provide excellent opportunities for dark text for optimal readability.
Avoid using #D3D3D3 or #F0F8FF for text on light backgrounds, as contrast will be insufficient.
For main body text, using a dark charcoal or black ensures the best legibility across all lighter palette elements.

Recommended combinations

Warm Comfort

Creates a cozy, inviting atmosphere, perfect for food-related visuals or comforting brand identities.

#B22222 · #F0F8FF · #D3D3D3

Rustic Berry

Combines deep berry tones with a creamy accent for a natural, wholesome, and slightly rustic feel.

#800000 · #A52A2A · #D3D3D3

Light & Deep

Utilizes a crisp, light background with strong berry accents, ideal for clear, impactful messaging.

#F0F8FF · #B22222 · #A52A2A

CSS variables

:root {
  --summer-berry-cobbler-1: #800000;
  --summer-berry-cobbler-2: #A52A2A;
  --summer-berry-cobbler-3: #B22222;
  --summer-berry-cobbler-4: #D3D3D3;
  --summer-berry-cobbler-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-berry-cobbler": {
        1: "#800000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#D3D3D3",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#800000

Color 2#A52A2A

Color 3#B22222

Color 4#D3D3D3

Color 5#F0F8FF

Accessibility

Contrast checker

1.5:1Fail

1.6:1Fail

7.3:1AAA

10.2:1AAA

1.5:1Fail

1.1:1Fail

4.7:1AA

6.6:1AA

1.6:1Fail

1.1:1Fail

4.5:1AA18

6.2:1AA

7.3:1AAA

4.7:1AA

4.5:1AA18

1.4:1Fail

10.2:1AAA

6.6:1AA

6.2:1AA

1.4:1Fail

Similar palettes

More like Summer Berry Cobbler