Palette

Spiced Berry Brew

Deep, rich reds blend with a hint of warm cream, conjuring images of a comforting, spiced berry drink.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C001C#8B0000#DC143C#FF6347#F0EAD6

Palette guide

How to use Spiced Berry Brew

Overview

The Spiced Berry Brew color palette offers a rich, comforting blend of deep reds and a soft cream, perfect for evoking warmth and natural elegance. Featuring a bold Cranberry Red (#5C001C) as its anchor, this palette transitions through vibrant Scarlet (#DC143C) and lively Tomato (#FF6347), culminating in a serene Antique White (#F0EAD6). Designers can leverage these hues to create inviting digital interfaces, cozy branding, or sophisticated print materials. The deep, warm tones like #8B0000 (Dark Red) provide excellent contrast for typography, while the lighter tones ensure versatility. This palette is ideal for projects aiming for a rich, autumnal, or gourmet aesthetic, offering a harmonious and visually appealing experience.

Best used for

Autumnal branding and marketing
Gourmet food and beverage packaging
Cozy interior design schemes
Holiday-themed digital interfaces
Rustic or natural product lines
Editorial layouts with a warm aesthetic

Suggested color roles

primary

A deep, sophisticated base, ideal for primary branding elements, navigation, or strong headers using #5C001C.

secondary

Provides a slightly warmer, rich supporting tone for sections or sub-headings, harmonizing with the primary using #8B0000.

accent

A vibrant, eye-catching accent for calls-to-action, highlights, or interactive elements using #DC143C.

background

A soft, warm off-white that provides an inviting and readable canvas for content using #F0EAD6.

text

Use #5C001C or #8B0000 for body text against the #F0EAD6 background to ensure excellent readability and a cohesive feel.

Accessibility notes

Ensure sufficient contrast between #5C001C and #F0EAD6 for body text, aiming for AA or AAA standards.
Avoid using #DC143C or #FF6347 for small text on light backgrounds without significant contrast testing.
Pair #8B0000 with #F0EAD6 for accessible button states or alerts that need to stand out.
Consider providing alternative text styles for users with color vision deficiencies, especially with red-heavy palettes.

Recommended combinations

Deep & Bright

For a dynamic visual hierarchy, pairing a strong primary with a vibrant accent and a clean background.

#5C001C · #DC143C · #F0EAD6

Warm Gradient

Effective for visually appealing gradients, showcasing the palette's rich progression of reds and oranges.

#8B0000 · #DC143C · #FF6347

Earthy Contrast

To achieve a balanced look where a deep tone is softened by a playful orange and grounded by cream.

#5C001C · #FF6347 · #F0EAD6

CSS variables

:root {
  --spiced-berry-brew-1: #5C001C;
  --spiced-berry-brew-2: #8B0000;
  --spiced-berry-brew-3: #DC143C;
  --spiced-berry-brew-4: #FF6347;
  --spiced-berry-brew-5: #F0EAD6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-berry-brew": {
        1: "#5C001C",
        2: "#8B0000",
        3: "#DC143C",
        4: "#FF6347",
        5: "#F0EAD6",
      }
    }
  }
}

Hex values

Color 1#5C001C

Color 2#8B0000

Color 3#DC143C

Color 4#FF6347

Color 5#F0EAD6

Accessibility

Contrast checker

1.4:1Fail

2.9:1Fail

4.8:1AA

11.9:1AAA

1.4:1Fail

2:1Fail

3.4:1AA18

8.3:1AAA

2.9:1Fail

2:1Fail

1.7:1Fail

4.1:1AA18

4.8:1AA

3.4:1AA18

1.7:1Fail

2.4:1Fail

11.9:1AAA

8.3:1AAA

4.1:1AA18

2.4:1Fail

Similar palettes

More like Spiced Berry Brew

View all warm

Autumn Harvest Berry

Cinnamon Cider Warmth