Palette

Faded Retro Poster

A playful and slightly muted collection of colors, evoking the charm of a sun-faded vintage poster.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Retro Poster 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 Faded Retro Poster.

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

Data visualization

#E0BBE4#957DAD#D291BC#FFC72C#FF4500

Palette guide

How to use Faded Retro Poster

Overview

The "Faded Retro Poster" palette is a playful and slightly muted collection, perfectly capturing the charm of a sun-faded vintage poster. It features soft pastels like #E0BBE4 (light purple) and #D291BC (muted pink), balanced by the deeper #957DAD (medium purple). The vibrant #FFC72C (yellow) and bold #FF4500 (red-orange) add energetic, albeit aged, pops of color. Designers and developers can leverage these hues to create engaging, fun, and nostalgic interfaces or branding that feels both lively and historically inspired, ideal for projects seeking a unique retro aesthetic.

Best used for

Retro gaming interfaces or app design
Branding for vintage-inspired fashion or accessories
Event posters or promotional materials for festivals
Websites for creative agencies or independent artists
Packaging for quirky, fun, or nostalgic products
UI/UX for entertainment or casual lifestyle apps

Suggested color roles

primary

Use #E0BBE4 as a soft, inviting background, providing a light and playful base for design elements.

secondary

Apply #957DAD for secondary content blocks, navigation, or subtle dividers, offering a deeper, grounding purple.

accent

Utilize #FF4500 for calls-to-action, important alerts, or energetic graphical elements, providing a strong, retro pop.

background

Employ #D291BC for section backgrounds or card elements to add a warm, muted pink tone, enhancing the vintage feel.

text

For body text, #957DAD offers good readability against #E0BBE4. For high-impact headlines, #FF4500 can be used carefully on light backgrounds, or a dark charcoal for general use.

Accessibility notes

Ensure sufficient contrast between #957DAD text and #E0BBE4 background to meet WCAG AA standards.
The bright #FFC72C and #FF4500 will require careful pairing for text; use them primarily for accents or large headings on dark backgrounds.
When pairing #E0BBE4 with #D291BC, ensure adequate contrast for UI elements, as they are both light and pastel.
Avoid using #FFC72C on #FF4500 for critical information due to their high saturation and low contrast for text.

Recommended combinations

Vintage Pop

Ideal for creating dynamic hero sections or playful calls-to-action, with a vibrant yet aged energy.

#E0BBE4 · #FFC72C · #FF4500

Muted Glam

Great for establishing a sophisticated retro feel in backgrounds and layered UI elements, with soft purple tones.

#E0BBE4 · #957DAD · #D291BC

Bold Retro

Perfect for creating distinct graphical elements or section dividers, offering strong contrast and a playful mood.

#D291BC · #957DAD · #FF4500

CSS variables

:root {
  --faded-retro-poster-1: #E0BBE4;
  --faded-retro-poster-2: #957DAD;
  --faded-retro-poster-3: #D291BC;
  --faded-retro-poster-4: #FFC72C;
  --faded-retro-poster-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-retro-poster": {
        1: "#E0BBE4",
        2: "#957DAD",
        3: "#D291BC",
        4: "#FFC72C",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#E0BBE4

Color 2#957DAD

Color 3#D291BC

Color 4#FFC72C

Color 5#FF4500

Accessibility

Contrast checker

2.1:1Fail

1.5:1Fail

1.1:1Fail

2:1Fail

2.1:1Fail

1.5:1Fail

2.3:1Fail

1:1Fail

1.5:1Fail

1.6:1Fail

1.4:1Fail

1.1:1Fail

2.3:1Fail

1.6:1Fail

2.2:1Fail

2:1Fail

1:1Fail

1.4:1Fail

2.2:1Fail

Similar palettes

Faded Retro Poster

See it in context.

Ready when you are.

Built with Faded Retro Poster.

How to use Faded Retro Poster

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vintage Pop

Muted Glam

Bold Retro

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Faded Retro Poster