Back to palettes

Palette

Scarlet Ribbon

A dramatic sweep of deep reds and blushes, exuding a luxurious and passionate elegance.

WarmElegant5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scarlet Ribbon 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 Scarlet Ribbon.

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

Data visualization

#8B0000#DC143C#FF4500#FFDAB9#FFE4E1

Palette guide

How to use Scarlet Ribbon

Overview

The Scarlet Ribbon palette is a dramatic and elegant sweep of deep reds and delicate blushes, exuding luxurious passion and festive charm. It ranges from the intense #8B0000 (Dark Red) and vibrant #DC143C (Crimson) to the fiery #FF4500 (Orange Red), softened by the gentle #FFDAB9 (Peach Puff) and #FFE4E1 (Misty Rose). This versatile palette is ideal for designers and developers aiming to create sophisticated, passionate, or celebratory experiences. Whether for high-end branding, romantic interfaces, or festive marketing, Scarlet Ribbon offers a compelling visual narrative that balances bold statements with graceful undertones, ensuring a memorable and engaging impression.

Best used for

  • Luxury and high-fashion branding
  • Romantic and elegant wedding invitations
  • Festive holiday marketing campaigns
  • Beauty and cosmetic product design
  • Websites and apps with a passionate or dramatic theme
  • Event promotions requiring a sophisticated touch

Suggested color roles

primary

#DC143C (Crimson) - A vibrant and elegant primary color, perfect for main headings, hero sections, or key brand elements demanding attention.

secondary

#8B0000 (Dark Red) - Provides a deep, luxurious contrast, suitable for subheadings, footers, or sophisticated background accents.

accent

#FF4500 (Orange Red) - A bright, energetic pop that draws the eye, ideal for interactive elements, calls-to-action, or important highlights.

background

#FFE4E1 (Misty Rose) - A delicate, near-white base that offers a soft, elegant backdrop, ensuring readability for darker text.

text

#333333 (dark charcoal) or #1C1717 (very dark brown) for body text on lighter backgrounds. For headings on light backgrounds, #8B0000 or #DC143C provides striking contrast. White text is recommended for #8B0000, #DC143C, and #FF4500.

Accessibility notes

  • Text on #8B0000, #DC143C, and #FF4500 must be white or very light to ensure sufficient contrast (WCAG AA).
  • The lighter blushes, #FFDAB9 and #FFE4E1, require dark text (e.g., #333333 or #8B0000) for optimal readability.
  • Avoid using #FFDAB9 and #FFE4E1 for text against each other due to extremely low contrast.
  • For critical interactive elements, consider adding an icon or underline in addition to color to aid accessibility.

Recommended combinations

Elegant Headline

For a sophisticated header and readable body text on a soft, delicate background.

#FFE4E1 · #8B0000 · #DC143C

Passionate CTA

A bold and inviting call-to-action button that stands out with clear white text.

#DC143C · #FF4500 · #FFDAB9

Soft Blush Card

Creates a luxurious card or panel design with a soft base and strong, elegant details.

#FFDAB9 · #DC143C · #8B0000

CSS variables

:root {
  --scarlet-ribbon-1: #8B0000;
  --scarlet-ribbon-2: #DC143C;
  --scarlet-ribbon-3: #FF4500;
  --scarlet-ribbon-4: #FFDAB9;
  --scarlet-ribbon-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scarlet-ribbon": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF4500",
        4: "#FFDAB9",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

elegant red palettepassionate color schemeluxury red blushfestive red colorsdramatic pink red

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#FF4500
·
Color 4#FFDAB9
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.9:1Fail
7.6:1AAA
8.3:1AAA
2
2:1Fail
1.5:1Fail
3.8:1AA18
4.1:1AA18
3
2.9:1Fail
1.5:1Fail
2.6:1Fail
2.9:1Fail
4
7.6:1AAA
3.8:1AA18
2.6:1Fail
1.1:1Fail
5
8.3:1AAA
4.1:1AA18
2.9:1Fail
1.1:1Fail

Similar palettes

More like Scarlet Ribbon

View all Warm
Gilded Age
Gilded Age Opulence
Gilded Opulence Shine
Ancient Gold Loom
Gilded Age Grandeur
Golden Empire Sunset