Palette

Frosted Berry Crumble

Warm, inviting reds and browns, like a delicious berry crumble topped with sweet crust.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Berry Crumble 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 Frosted Berry Crumble.

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

Data visualization

#B22222#8B0000#DDA0DD#F5DEB3#A0522D

Palette guide

How to use Frosted Berry Crumble

Overview

The Frosted Berry Crumble palette (ID: frosted-berry-crumble-2) is a deliciously warm and inviting collection, perfectly capturing the essence of a homemade dessert. Featuring deep, rich reds like #B22222 and #8B0000 alongside a comforting brown, #A0522D, it evokes a sense of coziness and natural warmth. The lighter, frosted touches come from a soft plum-pink, #DDA0DD, and a creamy beige, #F5DEB3, reminiscent of a sweet crust. This palette is ideal for designers and developers creating projects related to food, home, or rustic aesthetics, providing a comforting, authentic, and appealing visual experience that feels both traditional and delightful.

Best used for

Bakery or dessert shop branding
Food blog or recipe website design
Rustic home decor product lines
Cozy cafe or restaurant interiors
Autumn or winter holiday marketing
Packaging for artisanal food products

Suggested color roles

primary

A rich, inviting berry red, #B22222, excellent for main calls-to-action, prominent headings, or brand logos, conveying warmth and appetite appeal.

secondary

A warm, earthy brown, #A0522D, perfect for subheadings, navigation elements, or as a grounding color in layouts, adding a natural, rustic feel.

accent

A soft, muted plum-pink, #DDA0DD, ideal for subtle highlights, decorative elements, or interactive states, providing a gentle, sweet contrast.

background

A creamy, warm beige, #F5DEB3, serving as a comforting and natural canvas that enhances the richness of the reds and browns.

text

Use #8B0000 for headings or a dark charcoal like #333333 for body text against #F5DEB3 to ensure strong readability.

Accessibility notes

#8B0000 and #B22222 will provide excellent contrast for text on #F5DEB3.
Ensure #A0522D text on #F5DEB3 meets contrast requirements, especially for smaller font sizes.
Avoid using #DDA0DD as text on #F5DEB3, as the contrast will be too low.
Provide clear visual indicators for interactive elements, considering the warm and natural tones.

Recommended combinations

Crumble Base

Ideal for creating a warm, earthy foundation with a pop of berry, suitable for backgrounds and main content.

#A0522D · #F5DEB3 · #B22222

Berry Burst

Excellent for highlighting key information, using the deep reds against a creamy backdrop for strong impact.

#B22222 · #8B0000 · #F5DEB3

Sweet Crust

Creates a softer, delicate feel, perfect for accents or secondary information, evoking the sweet, frosted aspect.

#DDA0DD · #F5DEB3 · #A0522D

CSS variables

:root {
  --frosted-berry-crumble-2-1: #B22222;
  --frosted-berry-crumble-2-2: #8B0000;
  --frosted-berry-crumble-2-3: #DDA0DD;
  --frosted-berry-crumble-2-4: #F5DEB3;
  --frosted-berry-crumble-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-berry-crumble-2": {
        1: "#B22222",
        2: "#8B0000",
        3: "#DDA0DD",
        4: "#F5DEB3",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#8B0000

Color 3#DDA0DD

Color 4#F5DEB3

Color 5#A0522D

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

5.1:1AA

1.2:1Fail

1.5:1Fail

4.8:1AA

7.6:1AAA

1.8:1Fail

3.2:1AA18

4.8:1AA

1.6:1Fail

2.7:1Fail

5.1:1AA

7.6:1AAA

1.6:1Fail

4.3:1AA18

1.2:1Fail

1.8:1Fail

2.7:1Fail

4.3:1AA18

Similar palettes

More like Frosted Berry Crumble

View all warm

Berry Crumble Warmth

Autumn Leaf Rustle

Caramel Swirl Indulge

Desert Rose Bloom

Fireside Knit Warmth

Gingerbread Spice