Back to palettes

Palette

Vintage Diner Swirl

Playful, contrasting colors reminiscent of a classic 1950s diner.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Diner Swirl 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 Vintage Diner Swirl.

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

Data visualization

#B22222#FFFF00#1E90FF#FFC0CB#800080

Palette guide

How to use Vintage Diner Swirl

Overview

The "Vintage Diner Swirl" palette is a bold, playful collection that perfectly encapsulates the kitsch and vibrant energy of a classic 1950s diner. It features a strong, rich red (#B22222), a bright, sunny yellow (#FFFF00), an energetic royal blue (#1E90FF), a soft, nostalgic pink (#FFC0CB), and a deep, mysterious purple (#800080). This palette is ideal for designers and developers aiming for a fun, high-contrast, and unmistakably retro aesthetic. Its daring combinations of primary and secondary colors, softened by a touch of pink, make it perfect for eye-catching branding, playful interfaces, or any project needing a dose of vintage pop.

Best used for

  • Kitsch and retro-themed event promotions
  • Children's entertainment branding or apps
  • Playful website designs with strong visual impact
  • Product packaging for candies or novelty items
  • Social media campaigns targeting nostalgic audiences
  • Art and illustration with a bold, pop art style

Suggested color roles

primary

Use #B22222 for high-impact calls-to-action or hero elements, demanding immediate attention.

secondary

Employ #1E90FF for important headings or interactive components, providing a dynamic counterpoint.

accent

#FFFF00 is perfect for highlights, warnings, or small icons, adding a bright, energetic pop. #FFC0CB can add a soft, playful touch.

background

#800080 offers a dramatic, deep background, allowing other vibrant colors to truly stand out.

text

For dark backgrounds like #800080 or #B22222, white or #FFFF00 provides excellent readability. For #FFFF00 or #FFC0CB, #800080 or black is ideal.

Accessibility notes

  • Ensure #FFFF00 (yellow) text has sufficient contrast, preferably on #800080 (purple) or #B22222 (red).
  • #FFC0CB (pink) is very light; use it primarily as an accent or background for dark text, not for critical information.
  • Avoid placing #B22222 (red) and #FFFF00 (yellow) as text/background pairs for large blocks due to potential eye strain.
  • Always verify contrast ratios for text and interactive elements, especially with vibrant color combinations.

Recommended combinations

Jukebox Pop

For bold, attention-grabbing headlines and interactive elements, quintessential diner style.

#B22222 · #FFFF00 · #1E90FF

Swirl & Play

Ideal for playful background patterns or decorative elements, creating a whimsical feel.

#800080 · #FFC0CB · #FFFF00

Deep Contrast

Perfect for graphic elements that need strong definition and a vibrant, layered look.

#1E90FF · #B22222 · #800080

CSS variables

:root {
  --vintage-diner-swirl-1: #B22222;
  --vintage-diner-swirl-2: #FFFF00;
  --vintage-diner-swirl-3: #1E90FF;
  --vintage-diner-swirl-4: #FFC0CB;
  --vintage-diner-swirl-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-diner-swirl": {
        1: "#B22222",
        2: "#FFFF00",
        3: "#1E90FF",
        4: "#FFC0CB",
        5: "#800080",
      }
    }
  }
}

Related searches

kitsch diner color paletteretro 50s pop artvibrant primary secondary colorsplayful vintage brandingbold retro design scheme

Palette colors

Hex values

Color 1#B22222
·
Color 2#FFFF00
·
Color 3#1E90FF
·
Color 4#FFC0CB
·
Color 5#800080
·

Accessibility

Contrast checker

1
2
3
4
5
1
6.2:1AA
2.1:1Fail
4.3:1AA18
1.4:1Fail
2
6.2:1AA
3:1AA18
1.4:1Fail
8.8:1AAA
3
2.1:1Fail
3:1AA18
2.1:1Fail
2.9:1Fail
4
4.3:1AA18
1.4:1Fail
2.1:1Fail
6.1:1AA
5
1.4:1Fail
8.8:1AAA
2.9:1Fail
6.1:1AA

Similar palettes

More like Vintage Diner Swirl

View all retro
Chrome Soda Fountain
Juke Joint Jive
Retro Sunset Diner
Soda Pop Dream
Diner Booth Classic
Diner Booth Nostalgia