Back to palettes

Palette

Ruby Nectar Drop

Rich, gemstone reds blend with golden highlights, reminiscent of a precious ruby or a sweet, exotic syrup.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ruby Nectar Drop 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 Ruby Nectar Drop.

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

Data visualization

#900020#C70039#FF5733#FFC300#FFFDE3

Palette guide

How to use Ruby Nectar Drop

Overview

The Ruby Nectar Drop palette is a striking and opulent collection that marries deep, rich ruby reds with vibrant gold and a creamy off-white, evoking the essence of precious jewels and exotic sweetness. From the profound #900020 to the captivating #C70039 and fiery #FF5733, this palette introduces a dynamic contrast with the brilliant #FFC300 and the soft #FFFDE3. It's a highly versatile palette for designers seeking drama, luxury, and a touch of warmth. Developers can utilize these colors to create interfaces that are both impactful and inviting, perfect for high-end products, celebratory themes, or designs that aim for a regal feel.

Best used for

  • Luxury product branding (jewelry, gourmet food)
  • High-impact advertising and campaigns
  • Festive and celebratory event designs
  • Websites seeking a regal or opulent aesthetic
  • Call-to-action buttons that demand attention
  • Exotic travel or cultural promotions

Suggested color roles

primary

A powerful, vivid ruby red, #C70039, that commands attention, ideal for hero elements, important headings, or key brand identifiers.

secondary

A radiant, warm gold, #FFC300, that adds a touch of luxury and energy, perfect for accents, interactive elements, or graphic details.

accent

A fiery, warm orange-red, #FF5733, that provides an energetic pop, excellent for alerts, highlights, or secondary calls to action.

background

A deep, sophisticated ruby, #900020, that offers a luxurious and stable foundation, providing high contrast for lighter elements.

text

#FFFDE3 is excellent for body text on dark backgrounds like #900020 or #C70039. For lighter backgrounds, use a rich charcoal or black.

Accessibility notes

  • #FFFDE3 text on #900020 and #C70039 will provide excellent contrast, meeting WCAG AA standards.
  • Be cautious using #FFC300 or #FF5733 for small text against white or very light backgrounds; ensure sufficient contrast.
  • For text on #FFC300, a dark color like #900020 or black is necessary for readability.
  • Consider the contrast of #FF5733 against #FFC300 for interactive states; aim for clear differentiation.

Recommended combinations

Regal Impact

Creates a powerful, luxurious statement, with #900020 as a deep base, #C70039 for primary content, and #FFC300 for opulent accents.

#900020 · #C70039 · #FFC300

Vibrant Energy

A lively combination, ideal for energetic designs, using #FF5733 for active elements, #C70039 for strength, and #FFFDE3 for clean readability.

#FF5733 · #C70039 · #FFFDE3

Golden Glow

Highlights the warm, golden tones, excellent for festive themes or a sense of abundance, with #900020 grounding the vibrancy.

#FFC300 · #900020 · #FF5733

CSS variables

:root {
  --ruby-nectar-drop-1: #900020;
  --ruby-nectar-drop-2: #C70039;
  --ruby-nectar-drop-3: #FF5733;
  --ruby-nectar-drop-4: #FFC300;
  --ruby-nectar-drop-5: #FFFDE3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-nectar-drop": {
        1: "#900020",
        2: "#C70039",
        3: "#FF5733",
        4: "#FFC300",
        5: "#FFFDE3",
      }
    }
  }
}

Related searches

ruby red and gold paletteluxury color schemevibrant red orange golddramatic jewel tone colorsprecious metal color combination

Palette colors

Hex values

Color 1#900020
·
Color 2#C70039
·
Color 3#FF5733
·
Color 4#FFC300
·
Color 5#FFFDE3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1AA18
5.9:1AA
9.2:1AAA
2
1.6:1Fail
1.9:1Fail
3.7:1AA18
5.9:1AA
3
3:1AA18
1.9:1Fail
2:1Fail
3.1:1AA18
4
5.9:1AA
3.7:1AA18
2:1Fail
1.6:1Fail
5
9.2:1AAA
5.9:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Ruby Nectar Drop

View all vibrant
Baroque Jewel Box
Crimson Rose Velvet
Crimson Royal Gem
Gatsby Era Glimmer
Gilded Baroque Palace
Regal Gold Sapphire