Palette

Mid-Century Mod Blush

A stylish blend of dusty purples and muted pinks, capturing the cool and sophisticated vibe of mid-century modern design.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mid-Century Mod 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 Mid-Century Mod Blush.

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

Data visualization

#5D576B#9E6486#D9B3BF#E7E0D3#433D4F

Palette guide

How to use Mid-Century Mod Blush

Overview

The Mid-Century Mod Blush palette presents a stylish blend of dusty purples and muted pinks, capturing the cool and sophisticated vibe of mid-century modern design. With refined hues like the deep #5D576B, the elegant #9E6486, and the delicate #D9B3BF, this palette is ideal for designers and developers seeking a contemporary yet vintage aesthetic. It’s perfect for creating chic branding, serene web interfaces, and products that evoke understated luxury and timeless charm. This palette ensures a soft, inviting, and visually harmonious experience, balancing warmth with cool sophistication.

Best used for

Boutique branding and upscale fashion labels
Elegant interior design concepts and home decor
Sophisticated web interfaces and beauty product websites
Wedding stationery and event branding
Feminine or minimalist product packaging
Art and photography portfolios with a soft aesthetic

Suggested color roles

primary

#5D576B - A deep, sophisticated purple-grey, serving as a strong yet subtle foundation for backgrounds or main content areas.

secondary

#9E6486 - A muted rose-purple, ideal for supporting elements, headers, or graphic accents that add warmth and depth.

accent

#D9B3BF - A soft blush pink, perfect for delicate highlights, decorative details, or calls to action requiring a gentle touch.

background

#E7E0D3 - A warm, light cream, providing a gentle and inviting backdrop that allows other colors to breathe.

text

#433D4F - A dark purple-grey, ensuring excellent readability for body text on light backgrounds, maintaining the sophisticated tone.

Accessibility notes

Ensure #433D4F text on #E7E0D3 offers excellent contrast, meeting WCAG AA standards.
#5D576B and #9E6486 can be used for headings on #E7E0D3, providing good contrast.
Be mindful of using #D9B3BF for small text on #E7E0D3, as contrast might be low; best for larger accents.
Test interactive elements to ensure they are clearly visible and distinguishable for all users.

Recommended combinations

Blush Harmony

A sophisticated blend of deep purple, blush pink accent, and a light cream background.

#5D576B · #D9B3BF · #E7E0D3

Mod Rose

Muted rose with dark text on a light background for an elegant and readable design.

#9E6486 · #433D4F · #E7E0D3

Sophisticated Blend

Layering of dusty purples and muted pinks to create depth and a harmonious aesthetic.

#5D576B · #9E6486 · #D9B3BF

CSS variables

:root {
  --mid-century-mod-blush-1: #5D576B;
  --mid-century-mod-blush-2: #9E6486;
  --mid-century-mod-blush-3: #D9B3BF;
  --mid-century-mod-blush-4: #E7E0D3;
  --mid-century-mod-blush-5: #433D4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mid-century-mod-blush": {
        1: "#5D576B",
        2: "#9E6486",
        3: "#D9B3BF",
        4: "#E7E0D3",
        5: "#433D4F",
      }
    }
  }
}

Hex values

Color 1#5D576B

Color 2#9E6486

Color 3#D9B3BF

Color 4#E7E0D3

Color 5#433D4F

Accessibility

Contrast checker

1.5:1Fail

3.7:1AA18

5.3:1AA

1.5:1Fail

2.4:1Fail

3.5:1AA18

2.3:1Fail

3.7:1AA18

2.4:1Fail

1.4:1Fail

5.5:1AA

5.3:1AA

3.5:1AA18

1.4:1Fail

7.9:1AAA

1.5:1Fail

2.3:1Fail

5.5:1AA

7.9:1AAA

Similar palettes

More like Mid-Century Mod Blush

Mid-Century Mod Blush

See it in context.

Ready when you are.

Built with Mid-Century Mod Blush.

How to use Mid-Century Mod Blush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Blush Harmony

Mod Rose

Sophisticated Blend

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Mid-Century Mod Blush