Palette

Sun-Kissed Vineyard

Rich purples of ripe grapes mingle with golden sunlight, depicting a flourishing vineyard under a warm summer sky.

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

#4B0082#800080#DDA0DD#DAA520#F0E68C

Palette guide

How to use Sun-Kissed Vineyard

Overview

The Sun-Kissed Vineyard palette (3) blends rich purples of ripe grapes with golden sunlight, depicting a flourishing vineyard under a warm summer sky. This sophisticated collection features a deep indigo (#4B0082), a royal purple (#800080), a soft lavender (#DDA0DD), a vibrant goldenrod (#DAA520), and a light, sunny yellow (#F0E68C). It's ideal for designs that aim to convey luxury, natural beauty, and a touch of regal elegance. Designers can use these harmonious hues to craft visually stunning experiences across premium branding, event promotions, and sophisticated digital platforms.

Best used for

Luxury wine and spirits branding
High-end event and wedding invitations
Sophisticated floral design and decor
Opulent interior design concepts
Art and photography portfolios
Websites and apps with a regal aesthetic

Suggested color roles

primary

Utilize #4B0082 as a deep primary for branding, main headings, or grounding graphical elements, symbolizing luxury and depth.

secondary

Apply #800080 for supporting elements, navigation, or as a rich background for content blocks, adding royal elegance.

accent

Introduce #DAA520 as a bright accent for highlights, calls to action, or decorative details, providing a luminous contrast.

background

Employ #DDA0DD as a soft, inviting background, offering a serene and readable canvas.

text

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

Accessibility notes

Ensure sufficient contrast for text on #DDA0DD and #F0E68C; dark text is crucial for readability.
When pairing #DAA520 or #F0E68C with light text, ensure the text is dark enough or use them as accents.
The deep #4B0082 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 Harvest

Ideal for creating a deep, luxurious feel in headers, feature sections, or sophisticated branding elements.

#4B0082 · #800080 · #DDA0DD

Golden Grapes

Excellent for vibrant accents, highlights, or visual storytelling, capturing the sun's glow on ripe fruit.

#DAA520 · #F0E68C · #800080

Regal Vineyard

Perfect for balanced designs that combine deep richness with luminous accents, suitable for elegant invitations.

#4B0082 · #DAA520 · #DDA0DD

CSS variables

:root {
  --sun-kissed-vineyard-3-1: #4B0082;
  --sun-kissed-vineyard-3-2: #800080;
  --sun-kissed-vineyard-3-3: #DDA0DD;
  --sun-kissed-vineyard-3-4: #DAA520;
  --sun-kissed-vineyard-3-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-vineyard-3": {
        1: "#4B0082",
        2: "#800080",
        3: "#DDA0DD",
        4: "#DAA520",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#800080

Color 3#DDA0DD

Color 4#DAA520

Color 5#F0E68C

Accessibility

Contrast checker

1.4:1Fail

6.3:1AA

5.8:1AA

10.1:1AAA

1.4:1Fail

4.6:1AA

4.2:1AA18

7.4:1AAA

6.3:1AA

4.6:1AA

1.1:1Fail

1.6:1Fail

5.8:1AA

4.2:1AA18

1.1:1Fail

1.7:1Fail

10.1:1AAA

7.4:1AAA

1.6:1Fail

1.7:1Fail

Similar palettes

More like Sun-Kissed Vineyard