Back to palettes

Palette

Spiced Berry Compote

Rich, deep reds and soft oranges, like a comforting compote of spiced winter berries.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Berry Compote 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 Spiced Berry Compote.

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

Data visualization

#8B0000#CD5C5C#FFA07A#800000#DC143C

Palette guide

How to use Spiced Berry Compote

Overview

The Spiced Berry Compote color palette offers a rich and comforting array of deep reds and soft oranges, perfect for designs seeking a warm, inviting, and sweet aesthetic. Featuring a profound Dark Red (#8B0000) and a robust Maroon (#800000) as its anchors, this palette transitions through the vibrant Indian Red (#CD5C5C) and lively Tomato (#DC143C), culminating in a soft Light Salmon (#FFA07A). Designers can leverage these hues for seasonal branding, gourmet product packaging, or creating warm, approachable digital interfaces. The strong red base provides excellent contrast and visual warmth, making it ideal for projects that want to evoke comfort, sweetness, and a touch of natural luxury.

Best used for

  • Gourmet food and beverage branding
  • Holiday or seasonal marketing
  • Cozy blog or website themes
  • Restaurant menus and decor
  • Sweet treat packaging design
  • Editorial layouts with a warm, inviting tone

Suggested color roles

primary

A deep, commanding red, ideal for primary branding, strong headers, or foundational design elements using #8B0000.

secondary

A slightly different deep red that provides rich support, suitable for sub-headings or prominent sections using #800000.

accent

A vibrant, energetic red, perfect for calls-to-action, interactive elements, or visual highlights using #DC143C.

background

A soft, warm orange-red that provides an inviting and gentle backdrop, allowing darker reds to pop using #FFA07A.

text

Use #8B0000 or a deep charcoal for body text against lighter backgrounds like #FFA07A to ensure optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #8B0000 or #800000 and #FFA07A for body text to meet AA or AAA standards.
  • Avoid using #CD5C5C or #DC143C for small text on backgrounds without significant contrast testing.
  • Test color pairings like #CD5C5C on #FFA07A carefully for readability, especially for users with color vision deficiencies.
  • Consider a dark brown or black for critical UI text if the palette's darkest tones don't provide sufficient contrast on all backgrounds.

Recommended combinations

Classic Berry

For a traditional, rich berry feel, suitable for main content areas and inviting designs.

#8B0000 · #CD5C5C · #FFA07A

Vibrant Sweetness

To create an energetic and appealing look, perfect for calls-to-action or promotional elements.

#DC143C · #FFA07A · #800000

Deep Warmth

An impactful combination for visual depth, using the darkest tones for a strong, cohesive statement.

#800000 · #CD5C5C · #DC143C

CSS variables

:root {
  --spiced-berry-compote-1: #8B0000;
  --spiced-berry-compote-2: #CD5C5C;
  --spiced-berry-compote-3: #FFA07A;
  --spiced-berry-compote-4: #800000;
  --spiced-berry-compote-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-berry-compote": {
        1: "#8B0000",
        2: "#CD5C5C",
        3: "#FFA07A",
        4: "#800000",
        5: "#DC143C",
      }
    }
  }
}

Related searches

rich red orange palettesweet berry color schemewarm compote designcomfort food color palettedeep red branding colors

Palette colors

Hex values

Color 1#8B0000
·
Color 2#CD5C5C
·
Color 3#FFA07A
·
Color 4#800000
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
5:1AA
1.1:1Fail
2:1Fail
2
2.5:1Fail
2:1Fail
2.8:1Fail
1.3:1Fail
3
5:1AA
2:1Fail
5.5:1AA
2.5:1Fail
4
1.1:1Fail
2.8:1Fail
5.5:1AA
2.2:1Fail
5
2:1Fail
1.3:1Fail
2.5:1Fail
2.2:1Fail

Similar palettes

More like Spiced Berry Compote

View all Warm
Autumn Foliage Charm
Autumn Hearth Glow
Autumn Leaf
Cozy Cabin Lumber
Gingerbread Spice House
Medieval Tapestry Aged