Palette

Winter Twilight Berries

Captures the muted greens of evergreen branches and the deep crimson of berries against a frosty, twilight landscape.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Twilight 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 Winter Twilight Berries.

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

Data visualization

#2F4F4F#556B2F#8B0000#A52A2A#BC8F8F

Palette guide

How to use Winter Twilight Berries

Overview

The Winter Twilight Berries palette captures the dramatic beauty of a frosty, twilight landscape, blending deep, muted greens with rich, berry-inspired reds. Featuring the profound #2F4F4F (Dark Slate Gray) and the earthy #556B2F (Dark Olive Green), this palette provides a robust, natural foundation. The vibrant yet deep #8B0000 (Dark Red) and #A52A2A (Indian Red) introduce striking focal points, reminiscent of winter berries. This scheme is perfect for designers aiming for a sophisticated, rustic, or cozy aesthetic that evokes nature's darker, more mysterious side. It offers excellent depth and character for branding or digital experiences.

Best used for

Rustic brand identities
Winter holiday marketing
Outdoor apparel websites
Gourmet food packaging
Cozy café or restaurant interiors
Editorial content with a natural theme

Suggested color roles

primary

Dark Slate Gray (#2F4F4F) provides a strong, sophisticated primary color, excellent for backgrounds, navigation, or footer areas.

secondary

Dark Olive Green (#556B2F) offers a rich, earthy secondary, perfect for content blocks, card backgrounds, or accenting natural elements.

accent

Dark Red (#8B0000) serves as a powerful, eye-catching accent for call-to-action buttons, important alerts, or bold headlines.

background

While Dark Slate Gray (#2F4F4F) works well, for lighter content areas, Rosy Brown (#BC8F8F) can provide a muted, warm background.

text

For optimal readability on dark backgrounds, use #BC8F8F or a crisp white. On lighter backgrounds like #BC8F8F, use #2F4F4F or black.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #BC8F8F on #556B2F; lighter text (e.g., white) is often required.
The deep #2F4F4F provides excellent contrast for light text, meeting WCAG AA standards.
Use the vibrant #8B0000 sparingly for important interactive elements to ensure visibility without overwhelming.
Avoid using #556B2F for small text on #2F4F4F without careful contrast checking; prefer a lighter shade for readability.

Recommended combinations

Deep Forest

Creates a grounded, natural feel; ideal for website footers, content sections, or product showcases with Rosy Brown text.

#2F4F4F · #556B2F · #BC8F8F

Berry Highlight

Emphasizes important actions or headings with the striking Dark Red against a deep background and soft accent.

#2F4F4F · #8B0000 · #BC8F8F

Rustic Depth

Suitable for thematic sections or hero banners, blending earthy green with a warm red accent and deep text.

#556B2F · #A52A2A · #2F4F4F

CSS variables

:root {
  --winter-twilight-berries-1: #2F4F4F;
  --winter-twilight-berries-2: #556B2F;
  --winter-twilight-berries-3: #8B0000;
  --winter-twilight-berries-4: #A52A2A;
  --winter-twilight-berries-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-twilight-berries": {
        1: "#2F4F4F",
        2: "#556B2F",
        3: "#8B0000",
        4: "#A52A2A",
        5: "#BC8F8F",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#556B2F

Color 3#8B0000

Color 4#A52A2A

Color 5#BC8F8F

Accessibility

Contrast checker

1.5:1Fail

1.1:1Fail

1.3:1Fail

3.2:1AA18

1.5:1Fail

1.7:1Fail

1.2:1Fail

2.1:1Fail

1.1:1Fail

1.7:1Fail

1.4:1Fail

3.6:1AA18

1.3:1Fail

1.2:1Fail

1.4:1Fail

2.5:1Fail

3.2:1AA18

2.1:1Fail

3.6:1AA18

2.5:1Fail

Similar palettes

More like Winter Twilight Berries

Midnight Forest Canopy

Midnight Forest Trail