Back to palettes

Palette

Scarlet Cardinal Wing

A bold and striking palette of deep reds, inspired by the vivid plumage of a cardinal.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E4002B#C70025#AA001F#8E0018#710012

Palette guide

How to use Scarlet Cardinal Wing

Overview

The Scarlet Cardinal Wing palette is a powerful and striking collection of deep, vibrant reds, inspired by the vivid plumage of a cardinal. Ranging from the bright #E4002B to the rich #710012, with intermediate shades like #C70025, #AA001F, and #8E0018, this monochrome palette offers intensity and sophistication. Designers and developers can utilize its bold energy to create impactful branding, urgent calls-to-action, or luxurious interfaces. It's particularly effective for projects that require a strong, confident, and memorable visual presence, conveying passion, strength, or elegance without distraction.

Best used for

  • Luxury brand identity
  • High-impact marketing campaigns
  • Sports team branding
  • Fashion and beauty websites
  • Emergency or alert notifications
  • Elegant event invitations

Suggested color roles

primary

#E4002B (Scarlet Red) - The most vibrant hue, perfect for main brand elements, hero sections, and primary calls-to-action.

secondary

#AA001F (Dark Red) - Provides a strong, supporting depth, suitable for subheadings, background patterns, or secondary UI elements.

accent

#C70025 (Crimson) - A slightly darker, intense red for interactive elements, hover states, or small but critical details.

background

#710012 (Deep Maroon) - A very dark, rich base that exudes luxury and provides excellent contrast for brighter reds or white text.

text

#FFFFFF (white) or a very light gray is essential for readability against all colors in this palette. For headings, #E4002B can be used on #710012.

Accessibility notes

  • Due to the intense red hues, contrast with text is critical. Always use white or very light text on these colors.
  • Avoid using red text on red backgrounds, even with different shades, for essential information, as it can cause eye strain.
  • For WCAG AA compliance, pair #E4002B with #FFFFFF text. For #710012, #FFFFFF text is highly recommended.
  • Ensure sufficient contrast for links and interactive elements, possibly by adding an underline or icon in addition to color.

Recommended combinations

Bold Headline

For a striking header and clean white body text on a deep, luxurious background.

#710012 · #E4002B · #C70025

Alert Button

An urgent call-to-action button, ensuring high visibility and immediate attention.

#C70025 · #AA001F · #8E0018

Layered Intensity

Creates depth and visual interest in layered UI components, like cards or panels, with a vibrant highlight.

#AA001F · #8E0018 · #E4002B

CSS variables

:root {
  --scarlet-cardinal-wing-1: #E4002B;
  --scarlet-cardinal-wing-2: #C70025;
  --scarlet-cardinal-wing-3: #AA001F;
  --scarlet-cardinal-wing-4: #8E0018;
  --scarlet-cardinal-wing-5: #710012;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scarlet-cardinal-wing": {
        1: "#E4002B",
        2: "#C70025",
        3: "#AA001F",
        4: "#8E0018",
        5: "#710012",
      }
    }
  }
}

Related searches

cardinal red color palettedeep red huesmonochromatic red schemebold crimson colorsluxury red branding

Palette colors

Hex values

Color 1#E4002B
·
Color 2#C70025
·
Color 3#AA001F
·
Color 4#8E0018
·
Color 5#710012
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2:1Fail
2.5:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Scarlet Cardinal Wing

View all vibrant
Crimson Horizon Vista
Electric Orchid Bloom
Fiery Dragon Scales
Fiery Dragon Scales
Jungle Bloom
Paprika Heat