Palette

Art Deco Blush

Sophisticated and delicate, blending soft pinks with a hint of antique elegance.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Deco Blush 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 Art Deco Blush.

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

Data visualization

#C49F9F#E7CBCB#FAE6E6#A68A8A#8F7676

Palette guide

How to use Art Deco Blush

Overview

The Art Deco Blush palette exudes sophisticated and delicate elegance, blending soft pinks with a hint of antique charm. Featuring muted rose tones like #C49F9F, the lightest blush of #FAE6E6, and a deeper rose-brown #8F7676, this collection is perfect for designs aiming for a vintage yet refined aesthetic. Developers can implement these soft hues for elegant UI elements and serene backgrounds, ensuring a gentle user experience. Designers will find this palette ideal for creating luxurious branding, timeless fashion motifs, or romantic event materials, offering a sophisticated touch that recalls the glamour of the Art Deco era.

Best used for

Luxury cosmetic branding
Wedding invitations and decor
Boutique fashion websites
Vintage-inspired interior design
Elegant confectionery packaging
Sophisticated personal blogs

Suggested color roles

primary

Use #C49F9F as the main color for branding elements, headers, or larger design blocks, establishing a soft, elegant foundation.

secondary

Apply #E7CBCB for supporting graphics, sub-headings, or as a softer background layer, maintaining the delicate aesthetic.

accent

Incorporate #A68A8A for subtle highlights, small icons, or delicate borders, adding a touch of deeper rose without overpowering.

background

Utilize #FAE6E6 as the primary background color to create a clean, delicate, and expansive canvas for content.

text

For optimal readability on light backgrounds like #FAE6E6, use #8F7676. Its deeper rose-brown provides sufficient contrast while staying within the palette's mood.

Accessibility notes

Crucially, check contrast ratios for text, especially with lighter shades like #E7CBCB on #FAE6E6; use #8F7676 for body text.
The soft nature of this palette means smaller text or thin lines may struggle for legibility if not contrasted sufficiently.
Reserve #A68A8A for larger text or decorative accents when placed on mid-tone backgrounds to ensure visibility.
Consider using a very dark charcoal or black for essential UI elements if strict WCAG AA/AAA compliance is paramount for text on light pinks.

Recommended combinations

Soft Elegance

A light, airy background with strong, readable text and the main muted rose for impactful headings or design blocks.

#FAE6E6 · #8F7676 · #C49F9F

Layered Rose

Combine the primary muted rose with its lighter and slightly darker variants for depth and subtle transitions in visual elements.

#C49F9F · #E7CBCB · #A68A8A

Vintage Depth

Use the darkest rose-brown for a dramatic background or bold elements, complemented by the lightest blush and soft pink for text and details.

#8F7676 · #FAE6E6 · #E7CBCB

CSS variables

:root {
  --art-deco-blush-1: #C49F9F;
  --art-deco-blush-2: #E7CBCB;
  --art-deco-blush-3: #FAE6E6;
  --art-deco-blush-4: #A68A8A;
  --art-deco-blush-5: #8F7676;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-blush": {
        1: "#C49F9F",
        2: "#E7CBCB",
        3: "#FAE6E6",
        4: "#A68A8A",
        5: "#8F7676",
      }
    }
  }
}

Hex values

Color 1#C49F9F

Color 2#E7CBCB

Color 3#FAE6E6

Color 4#A68A8A

Color 5#8F7676

Accessibility

Contrast checker

1.6:1Fail

2:1Fail

1.3:1Fail

1.8:1Fail

1.6:1Fail

1.3:1Fail

2.1:1Fail

2.7:1Fail

2:1Fail

1.3:1Fail

2.6:1Fail

3.5:1AA18

1.3:1Fail

2.1:1Fail

2.6:1Fail

1.3:1Fail

1.8:1Fail

2.7:1Fail

3.5:1AA18

1.3:1Fail

Similar palettes

More like Art Deco Blush

Art Deco Blush

See it in context.

Ready when you are.

Built with Art Deco Blush.

How to use Art Deco Blush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Elegance

Layered Rose

Vintage Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Art Deco Blush