Back to palettes

Palette

Berry Crumble Warmth

A deliciously warm and inviting palette inspired by rich berry desserts with a golden, baked topping.

warmplayful5 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

#8B0000#A52A2A#B22222#D2B48C#DEB887

Palette guide

How to use Berry Crumble Warmth

Overview

The Berry Crumble Warmth palette is deliciously warm and inviting, inspired by rich berry desserts with a golden, baked topping. This comforting scheme features deep reds like #8B0000, #A52A2A, and #B22222, beautifully complemented by the golden-browns of #D2B48C and #DEB887. Each hex code contributes to a cozy and rustic 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 #B22222 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 #DEB887 serves as a delicate accent for backgrounds, subtle gradients, or decorative flourishes, adding lightness and warmth.

background

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

text

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

Accessibility notes

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

#8B0000 · #A52A2A · #D2B48C

Golden Crumble

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

#B22222 · #DEB887 · #A52A2A

Warm Bake

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

#D2B48C · #DEB887 · #8B0000

CSS variables

:root {
  --berry-crumble-warmth-2-1: #8B0000;
  --berry-crumble-warmth-2-2: #A52A2A;
  --berry-crumble-warmth-2-3: #B22222;
  --berry-crumble-warmth-2-4: #D2B48C;
  --berry-crumble-warmth-2-5: #DEB887;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-crumble-warmth-2": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#D2B48C",
        5: "#DEB887",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#D2B48C
·
Color 5#DEB887
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
5.1:1AA
5.4:1AA
2
1.4:1Fail
1.1:1Fail
3.6:1AA18
3.8:1AA18
3
1.5:1Fail
1.1:1Fail
3.4:1AA18
3.6:1AA18
4
5.1:1AA
3.6:1AA18
3.4:1AA18
1.1:1Fail
5
5.4:1AA
3.8:1AA18
3.6:1AA18
1.1:1Fail

Similar palettes

More like Berry Crumble Warmth

View all warm
Berry Compote Delight
Cherry Tart Delight
Frosted Berry Crumble
Melted Caramel
Sugared Berry Pie
Sugared Berry Pie