Back to palettes

Palette

Berry Crumble Warmth

Invokes the comforting feeling of a warm, spiced berry crumble, rich with fruit and baked goodness.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B204F#C4436A#E07C7C#F0C1B0#633A4B

Palette guide

How to use Berry Crumble Warmth

Overview

The Berry Crumble Warmth palette invokes the comforting feeling of a warm, spiced berry crumble, rich with fruit and baked goodness. This inviting scheme features deep berry tones like #8B204F and #633A4B, vibrant reds such as #C4436A and #E07C7C, and a soft, baked-good highlight of #F0C1B0. Each hex code contributes to a cozy and natural aesthetic, ideal for designs that evoke comfort, homemade goodness, and a touch of rustic 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 wholesome appeal in digital and print media.

Best used for

  • Recipe websites and food blogs
  • Bakery and coffee shop branding
  • Cozy home decor and textiles
  • Autumn and harvest festival themes
  • Comfort food packaging
  • Handmade craft promotions

Suggested color roles

primary

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

secondary

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

accent

The soft #F0C1B0 serves as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding lightness and warmth.

background

The muted #633A4B provides a sophisticated, grounded base that complements the berry tones beautifully.

text

For lighter backgrounds like #F0C1B0, use the deep #8B204F or a rich dark brown for body text. On darker backgrounds, #F0C1B0 or white ensures readability.

Accessibility notes

  • Ensure sufficient contrast between #8B204F text and #F0C1B0 backgrounds for WCAG AA compliance.
  • Avoid using #E07C7C on #C4436A for small text without careful contrast checks, as they are close in value.
  • The red and pink tones can be challenging for colorblind users; use clear visual cues beyond color for important information.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Warm & Fruity

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

#8B204F · #C4436A · #F0C1B0

Crumble Topping

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

#E07C7C · #F0C1B0 · #633A4B

Spiced Berry

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

#633A4B · #C4436A · #8B204F

CSS variables

:root {
  --berry-crumble-warmth-3-1: #8B204F;
  --berry-crumble-warmth-3-2: #C4436A;
  --berry-crumble-warmth-3-3: #E07C7C;
  --berry-crumble-warmth-3-4: #F0C1B0;
  --berry-crumble-warmth-3-5: #633A4B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-crumble-warmth-3": {
        1: "#8B204F",
        2: "#C4436A",
        3: "#E07C7C",
        4: "#F0C1B0",
        5: "#633A4B",
      }
    }
  }
}

Related searches

berry red brown palettedessert food colorscozy autumn color schemerustic food brandingwarm baked goods palette

Palette colors

Hex values

Color 1#8B204F
·
Color 2#C4436A
·
Color 3#E07C7C
·
Color 4#F0C1B0
·
Color 5#633A4B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
5.4:1AA
1.1:1Fail
2
1.8:1Fail
1.7:1Fail
3:1Fail
1.9:1Fail
3
3:1AA18
1.7:1Fail
1.8:1Fail
3.3:1AA18
4
5.4:1AA
3:1Fail
1.8:1Fail
5.8:1AA
5
1.1:1Fail
1.9:1Fail
3.3:1AA18
5.8:1AA

Similar palettes

More like Berry Crumble Warmth

View all warm
Caramel Swirl Indulge
Gingerbread Spice
Maple Syrup
Quince Preserve
Spiced Berry Compote
Spiced Carrot Cake