Back to palettes

Palette

Soft Velvet Cushion

Plush, inviting hues that evoke the luxurious feel of a soft, crimson velvet cushion.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Velvet Cushion 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 Soft Velvet Cushion.

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

Data visualization

#B22222#DC143C#CD5C5C#BC8F8F#FFC0CB

Palette guide

How to use Soft Velvet Cushion

Overview

The Soft Velvet Cushion palette offers a rich and inviting array of reds and pinks, evoking the luxurious feel of a plush, crimson velvet cushion. With deep, sophisticated tones like `#B22222` and `#DC143C`, complemented by softer shades such as `#CD5C5C` and the delicate `#FFC0CB`, this collection creates an elegant and warm atmosphere. Designers and developers can leverage these opulent hues to craft sophisticated digital experiences, high-end branding, or luxurious print materials. The palette's inherent richness is perfect for projects seeking a sense of comfort, elegance, and romantic charm.

Best used for

  • Luxury brand identity and packaging
  • Romantic event and wedding themes
  • Sophisticated interior design concepts
  • High-end fashion and beauty products
  • Festive holiday marketing
  • Classic novel or film promotion

Suggested color roles

primary

Use `#B22222` as the deep, luxurious anchor, ideal for prominent branding, headers, or elegant backgrounds.

secondary

Employ `#DC143C` for vibrant accents, calls to action, or to introduce a more energetic crimson element.

accent

Apply `#CD5C5C` for softer highlights, decorative details, or as a transitional shade between deep reds and lighter pinks.

background

Utilize `#BC8F8F` as a subtle dusty rose base, providing a warm and inviting, yet understated, canvas.

text

Pair white or light cream text with `#B22222` and `#DC143C`. For `#BC8F8F` and `#FFC0CB`, use dark red or charcoal for readability.

Accessibility notes

  • The deep reds (`#B22222`, `#DC143C`) provide excellent contrast for white or light-colored text.
  • The lighter shades (`#BC8F8F`, `#FFC0CB`) require dark text (e.g., dark red, black, or charcoal) for sufficient readability.
  • Ensure interactive elements are clearly distinguishable, especially when using similar shades like `#CD5C5C` and `#BC8F8F`.
  • Avoid using light text on `#CD5C5C` as it may not meet contrast standards for all users.

Recommended combinations

Velvet Richness

Creates a powerful, luxurious gradient from deep red to soft rose, ideal for impactful headers or branding.

#B22222 · #DC143C · #CD5C5C

Soft Crimson

Provides a gentle, harmonious transition between the lighter, more delicate pinks and muted reds.

#CD5C5C · #BC8F8F · #FFC0CB

Elegant Contrast

Combines the deepest red with the lightest pink and a mid-tone for a sophisticated and balanced visual dynamic.

#B22222 · #FFC0CB · #BC8F8F

CSS variables

:root {
  --soft-velvet-cushion-1: #B22222;
  --soft-velvet-cushion-2: #DC143C;
  --soft-velvet-cushion-3: #CD5C5C;
  --soft-velvet-cushion-4: #BC8F8F;
  --soft-velvet-cushion-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-velvet-cushion": {
        1: "#B22222",
        2: "#DC143C",
        3: "#CD5C5C",
        4: "#BC8F8F",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

luxury red palettevelvet color schemeromantic crimson toneselegant pink redsophisticated interior colors

Palette colors

Hex values

Color 1#B22222
·
Color 2#DC143C
·
Color 3#CD5C5C
·
Color 4#BC8F8F
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.4:1Fail
4.3:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
3.2:1AA18
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.6:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.8:1Fail
5
4.3:1AA18
3.2:1AA18
2.6:1Fail
1.8:1Fail

Similar palettes

More like Soft Velvet Cushion

View all warm