Palette

Diner Neon Shake

Bright, cheerful colors reminiscent of a 1950s diner, full of playful energy and vintage charm.

retroplayful5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Diner Neon Shake 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 Diner Neon Shake.

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

Data visualization

#A50000#FFD700#00CED1#F08080#7B68EE

Palette guide

How to use Diner Neon Shake

Overview

The "Diner Neon Shake" palette is a dynamic and playful collection that instantly transports you to a vibrant 1950s diner, brimming with neon lights and cheerful energy. This bold array features a deep, rich red #A50000, a luminous gold #FFD700, a striking turquoise #00CED1, a soft coral #F08080, and a regal medium purple #7B68EE. Designers can leverage these captivating hues to infuse projects with a lively, retro charm, perfect for branding, digital interfaces, or print materials that aim to evoke a sense of nostalgic fun and modern vibrancy. It’s ideal for creating designs that feel both classic and exciting.

Best used for

Retro-themed arcade games or entertainment apps
Branding for a 50s-style diner or bar
Event promotions for vintage-themed parties
Pop art-inspired graphic design and illustrations
Website headers for vibrant online stores
Product packaging for novelty or nostalgic items

Suggested color roles

primary

A deep, powerful red #A50000 that commands attention. Ideal for main headings, calls-to-action, or key brand elements to convey energy and retro flair.

secondary

A brilliant turquoise #00CED1 that offers a striking, almost neon contrast. Excellent for secondary navigation, interactive elements, or graphic details.

accent

A dazzling gold #FFD700 that adds a luminous, cheerful touch. Perfect for highlights, small icons, or decorative flourishes reminiscent of chrome.

background

A soft coral #F08080 that provides a warm, inviting, and slightly muted backdrop, allowing the bolder colors to pop while maintaining a cohesive retro feel.

text

A unique medium purple #7B68EE that offers good readability against lighter backgrounds like #F08080 or #FFD700, providing a distinctive text color for headings or important notes.

Accessibility notes

#A50000 (red) text on #F08080 (coral) will have low contrast; use a darker color for text on coral.
Ensure #FFD700 (gold) is used for larger text or accents, as its contrast might be low on #F08080 for small body text.
#7B68EE (purple) text on #F08080 (coral) or #FFD700 (gold) should provide fair contrast for headings, but verify for body text.
Avoid placing #00CED1 (turquoise) text on #A50000 (red) due to potential readability issues and color vibration.

Recommended combinations

Neon Pop Classic

High-impact branding, event posters, or UI elements requiring maximum vibrancy and retro appeal.

#A50000 · #00CED1 · #FFD700

Playful Accents

Backgrounds with softer text, decorative elements, or illustrations with a whimsical touch.

#F08080 · #7B68EE · #FFD700

Bold Contrast

Strong visual statements in app interfaces, banners, or calls-to-action that need a unique color pairing.

#A50000 · #7B68EE · #00CED1

CSS variables

:root {
  --diner-neon-shake-1: #A50000;
  --diner-neon-shake-2: #FFD700;
  --diner-neon-shake-3: #00CED1;
  --diner-neon-shake-4: #F08080;
  --diner-neon-shake-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "diner-neon-shake": {
        1: "#A50000",
        2: "#FFD700",
        3: "#00CED1",
        4: "#F08080",
        5: "#7B68EE",
      }
    }
  }
}

Hex values

Color 1#A50000

Color 2#FFD700

Color 3#00CED1

Color 4#F08080

Color 5#7B68EE

Accessibility

Contrast checker

5.8:1AA

4.1:1AA18

3.1:1AA18

1.9:1Fail

5.8:1AA

1.4:1Fail

1.8:1Fail

3:1Fail

4.1:1AA18

1.4:1Fail

1.3:1Fail

2.1:1Fail

3.1:1AA18

1.8:1Fail

1.3:1Fail

1.6:1Fail

1.9:1Fail

3:1Fail

2.1:1Fail

1.6:1Fail

Similar palettes

More like Diner Neon Shake

View all retro

Fifties Kitchen Pop

Retro Kitchen Delight

Sugar Twist Sweet

Vintage Toy Box Fun

Childhood Memory Blocks

Retro Game Pixel