Palette

Crimson Vine Harvest

Rich, deep reds and a creamy accent capture the robust colors of a bountiful vineyard harvest.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Vine Harvest 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 Crimson Vine Harvest.

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

Data visualization

#5E0B15#900D09#BF0603#FCF7FF#330000

Palette guide

How to use Crimson Vine Harvest

Overview

The Crimson Vine Harvest palette captures the robust colors of a bountiful vineyard harvest, featuring rich, deep reds and a creamy accent. With profound hues like #330000 and #5E0B15, vibrant #900D09 and #BF0603, and a contrasting #FCF7FF, this collection is perfect for projects demanding natural elegance, warmth, and a touch of rustic charm. Designers can leverage its earthy yet vibrant range for impactful branding or inviting digital interfaces. Developers will find these distinct hex codes valuable for crafting harmonious contrasts, defining clear visual hierarchies, and creating an immersive experience that speaks to nature and abundance.

Best used for

Winery and vineyard branding
Autumn-themed marketing campaigns
Organic food and beverage packaging
Rustic event invitations and decor
Nature-inspired digital artwork
Agricultural or farm-to-table businesses

Suggested color roles

primary

#5E0B15 for a deep, earthy base that grounds the design in natural richness.

secondary

#900D09 to introduce a vibrant yet mature layer, suitable for prominent headings or key content areas.

accent

#BF0603 for striking highlights or calls to action, mimicking the intense color of ripe berries.

background

#330000 provides a profound, dark backdrop, allowing the rich reds to truly shine.

text

The crisp #FCF7FF (near white) for maximum contrast against darker reds, or a deep charcoal for lighter elements.

Accessibility notes

Ensure very high contrast for text on #330000, #5E0B15, and #900D09 backgrounds; #FCF7FF is essential.
Text in #BF0603 will likely need a light background for readability.
The #FCF7FF is excellent for text against dark reds, ensuring accessibility.
Avoid using red text on other dark reds if contrast levels are insufficient for WCAG AA.

Recommended combinations

Harvest Blend

Ideal for creating a deep, rich gradient in backgrounds or large design elements.

#330000 · #5E0B15 · #900D09

Berry Pop

Perfect for vibrant calls to action or highlights, using the creamy white for contrast.

#BF0603 · #FCF7FF · #5E0B15

Vineyard Contrast

Great for clear separation of content or elegant text blocks against a rich background.

#900D09 · #FCF7FF · #330000

CSS variables

:root {
  --crimson-vine-harvest-1: #5E0B15;
  --crimson-vine-harvest-2: #900D09;
  --crimson-vine-harvest-3: #BF0603;
  --crimson-vine-harvest-4: #FCF7FF;
  --crimson-vine-harvest-5: #330000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-vine-harvest": {
        1: "#5E0B15",
        2: "#900D09",
        3: "#BF0603",
        4: "#FCF7FF",
        5: "#330000",
      }
    }
  }
}

Hex values

Color 1#5E0B15

Color 2#900D09

Color 3#BF0603

Color 4#FCF7FF

Color 5#330000

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

13:1AAA

1.3:1Fail

1.5:1Fail

1.4:1Fail

8.8:1AAA

2:1Fail

2.1:1Fail

1.4:1Fail

6.1:1AA

2.8:1Fail

13:1AAA

8.8:1AAA

6.1:1AA

17.4:1AAA

1.3:1Fail

2:1Fail

2.8:1Fail

17.4:1AAA

Similar palettes

More like Crimson Vine Harvest