Back to palettes

Palette

Berry Crumble Warmth

Rich and comforting, like the warm, fruity aroma of a freshly baked berry crumble.

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

#A52A2A#8B0000#CD5C5C#E67E22#F39C12

Palette guide

How to use Berry Crumble Warmth

Overview

The Berry Crumble Warmth palette is rich and comforting, like the warm, fruity aroma of a freshly baked berry crumble. This inviting scheme features deep reds and oranges, from the robust #A52A2A and #8B0000 to the vibrant #CD5C5C and the energetic #E67E22, culminating in the golden #F39C12. Each hex code contributes to a cozy and natural 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 wholesome appeal in digital and print media.

Best used for

  • Bakery and café branding
  • Recipe blogs and culinary websites
  • Rustic home decor themes
  • Autumn and holiday marketing
  • Comfort food promotions
  • Craft and artisanal product packaging

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B0000 text and #F39C12 backgrounds for WCAG AA compliance.
  • Avoid using #F39C12 on #E67E22 for small text without careful contrast checks, as they are close in value.
  • The red and orange 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

Rustic Core

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

#A52A2A · #8B0000 · #CD5C5C

Golden Crumble

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

#E67E22 · #F39C12 · #CD5C5C

Warm Bake

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

#8B0000 · #E67E22 · #F39C12

CSS variables

:root {
  --berry-crumble-warmth-1: #A52A2A;
  --berry-crumble-warmth-2: #8B0000;
  --berry-crumble-warmth-3: #CD5C5C;
  --berry-crumble-warmth-4: #E67E22;
  --berry-crumble-warmth-5: #F39C12;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-crumble-warmth": {
        1: "#A52A2A",
        2: "#8B0000",
        3: "#CD5C5C",
        4: "#E67E22",
        5: "#F39C12",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#8B0000
·
Color 3#CD5C5C
·
Color 4#E67E22
·
Color 5#F39C12
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
2.5:1Fail
3.2:1AA18
2
1.4:1Fail
2.5:1Fail
3.5:1AA18
4.6:1AA
3
1.8:1Fail
2.5:1Fail
1.4:1Fail
1.8:1Fail
4
2.5:1Fail
3.5:1AA18
1.4:1Fail
1.3:1Fail
5
3.2:1AA18
4.6:1AA
1.8:1Fail
1.3:1Fail

Similar palettes

More like Berry Crumble Warmth

View all warm
Frosted Berry Crumble
Warm Bakery Aroma
Autumn Leaf Rustle
Caramel Swirl Cafe
Caramel Swirl Delight
Caramel Swirl Indulge