Palette

Frosted Forest Berries

Deep, rich reds of frosted berries contrast with cool, dark forest blues, evoking a crisp winter morning.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Forest Berries 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 Frosted Forest Berries.

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

Data visualization

#8B0000#DC143C#B22222#483D8B#6A5ACD

Palette guide

How to use Frosted Forest Berries

Overview

The Frosted Forest Berries palette delivers a dramatic and rich contrast, merging deep, luscious reds with cool, mysterious blues. Featuring the intense #8B0000 and vibrant #DC143C, it evokes the richness of winter berries. These are beautifully contrasted by the deep #483D8B and the more muted #6A5ACD, reminiscent of a shadowy forest. The primary #B22222 offers a strong, classic red. This palette is ideal for designs that demand a bold, luxurious, and slightly mysterious aesthetic, perfect for conveying depth, elegance, and a touch of winter magic.

Best used for

Bold luxury branding and high-end products
Festive and dramatic holiday marketing
Historical or fantasy-themed web designs
Artistic and conceptual projects requiring strong contrast
Elegant fashion lines and accessory collections
Editorial design with a rich, impactful tone

Suggested color roles

primary

Utilize #B22222 as the core red for impactful headlines, key calls-to-action, or dominant graphical elements, providing a rich and traditional focal point.

secondary

Apply #483D8B for contrasting sections, sophisticated backgrounds, or to introduce a cool, mysterious depth against the reds.

accent

Reserve #DC143C for vibrant highlights, interactive elements, or striking visual accents that demand immediate attention.

background

Employ #6A5ACD as a muted, mid-tone blue-purple background, offering a sophisticated and tranquil base that complements both reds and blues.

text

Use #8B0000 for primary text on lighter backgrounds for strong readability, or crisp white text on #483D8B or #8B0000 for optimal contrast.

Accessibility notes

Ensure high contrast for text on all backgrounds; white text on #8B0000 or #483D8B, and #8B0000 on #6A5ACD are good starting points.
Avoid using lighter reds or blues for small text sizes, as readability might be compromised without sufficient contrast.
Carefully test button and link states to ensure they are clearly distinguishable, especially when using contrasting colors.
When pairing #DC143C with other colors, verify its contrast ratio for text, as its vibrancy can sometimes be deceptive.

Recommended combinations

Berry Contrast

Achieve a dramatic and bold statement by contrasting the deep #8B0000 with the mysterious #483D8B, accented by the vibrant #DC143C.

#8B0000 · #483D8B · #DC143C

Regal Blend

Combine the primary #B22222 with the muted #6A5ACD and the deep #483D8B for a rich, regal, and sophisticated composition.

#B22222 · #6A5ACD · #483D8B

Festive Depth

Use the vibrant #DC143C as a focal point against the deep #8B0000, with #6A5ACD providing a calming, complementary background.

#DC143C · #8B0000 · #6A5ACD

CSS variables

:root {
  --frosted-forest-berries-1: #8B0000;
  --frosted-forest-berries-2: #DC143C;
  --frosted-forest-berries-3: #B22222;
  --frosted-forest-berries-4: #483D8B;
  --frosted-forest-berries-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-forest-berries": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#B22222",
        4: "#483D8B",
        5: "#6A5ACD",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#B22222

Color 4#483D8B

Color 5#6A5ACD

Accessibility

Contrast checker

2:1Fail

1.5:1Fail

1.1:1Fail

1.9:1Fail

2:1Fail

1.3:1Fail

1.8:1Fail

1.1:1Fail

1.5:1Fail

1.3:1Fail

1.4:1Fail

1.3:1Fail

1.1:1Fail

1.8:1Fail

1.4:1Fail

1.7:1Fail

1.9:1Fail

1.1:1Fail

1.3:1Fail

1.7:1Fail

Similar palettes

More like Frosted Forest Berries

Frosted Forest Berries

See it in context.

Ready when you are.

Built with Frosted Forest Berries.

How to use Frosted Forest Berries

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Berry Contrast

Regal Blend

Festive Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosted Forest Berries