Palette

Sun-Kissed Vineyard

Rich purples and deep greens, illuminated by a warm, golden glow, as if ripe grapes hang heavy on the vine.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Vineyard 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 Sun-Kissed Vineyard.

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

Data visualization

#5C2B4C#8C4E78#C08CB4#EEDDEE#7A9B6B

Palette guide

How to use Sun-Kissed Vineyard

Overview

The Sun-Kissed Vineyard palette offers a refined collection of rich purples and deep greens, illuminated by a warm, golden glow, as if ripe grapes hang heavy on the vine. It features a deep plum (#5C2B4C), a muted berry (#8C4E78), a soft lavender (#C08CB4), a creamy off-white (#EEDDEE), and a balanced sage green (#7A9B6B). This palette is perfect for conveying natural luxury, sophistication, and a serene, organic feel. Designers can use these harmonious hues to craft elegant and inviting experiences across luxury branding, organic product lines, and refined digital interfaces.

Best used for

Premium wine and gourmet food branding
Organic and natural product packaging
Sophisticated event and wedding themes
Serene interior design concepts
Luxury fashion and lifestyle blogs
Websites and apps with a muted, elegant aesthetic

Suggested color roles

primary

Utilize #5C2B4C as a deep primary for branding, main headings, or grounding graphical elements, symbolizing richness and depth.

secondary

Apply #8C4E78 for supporting elements, navigation, or as a sophisticated background for content blocks.

accent

Introduce #7A9B6B as a refreshing accent for highlights, calls to action, or decorative details, providing natural contrast.

background

Employ #EEDDEE as a soft, creamy off-white background, offering an airy and readable canvas.

text

For body text, use a dark plum, black, or deep charcoal to ensure excellent contrast against the lighter shades.

Accessibility notes

Ensure sufficient contrast for text on #EEDDEE and #C08CB4; dark text is crucial for readability.
Be mindful when pairing #8C4E78 with lighter text; ensure the text is dark enough for good legibility.
The deep #5C2B4C provides excellent contrast for light text, making it suitable for backgrounds or large headings.
Consider using a clear, legible font style to complement the sophisticated feel and aid accessibility.

Recommended combinations

Grape Leaf

Ideal for creating a balanced, natural, and sophisticated feel in headers, feature sections, or branding.

#5C2B4C · #7A9B6B · #EEDDEE

Berry Blossom

Excellent for softer, romantic designs, such as backgrounds for storytelling or gentle illustrations.

#8C4E78 · #C08CB4 · #EEDDEE

Vineyard Mist

Perfect for creating a serene and elegant aesthetic, suitable for subtle branding or informational graphics.

#C08CB4 · #7A9B6B · #5C2B4C

CSS variables

:root {
  --sun-kissed-vineyard-1: #5C2B4C;
  --sun-kissed-vineyard-2: #8C4E78;
  --sun-kissed-vineyard-3: #C08CB4;
  --sun-kissed-vineyard-4: #EEDDEE;
  --sun-kissed-vineyard-5: #7A9B6B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-vineyard": {
        1: "#5C2B4C",
        2: "#8C4E78",
        3: "#C08CB4",
        4: "#EEDDEE",
        5: "#7A9B6B",
      }
    }
  }
}

Hex values

Color 1#5C2B4C

Color 2#8C4E78

Color 3#C08CB4

Color 4#EEDDEE

Color 5#7A9B6B

Accessibility

Contrast checker

1.8:1Fail

4:1AA18

8.5:1AAA

3.5:1AA18

1.8:1Fail

2.2:1Fail

4.7:1AA

1.9:1Fail

4:1AA18

2.2:1Fail

2.1:1Fail

1.1:1Fail

8.5:1AAA

4.7:1AA

2.1:1Fail

2.4:1Fail

3.5:1AA18

1.9:1Fail

1.1:1Fail

2.4:1Fail

Similar palettes

More like Sun-Kissed Vineyard

View all warm

Canyon Vista Hues

Cranberry Mulled Wine

Crimson Vine Harvest

Exotic Bazaar Spice

Rustic Orchard Feast

Savanna Grasslands Heat