Back to palettes

Palette

Retro Sunset Diner

Bold and playful, capturing the iconic primary colors and neon glow of a vibrant 1950s diner at sunset.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Sunset Diner 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 Retro Sunset Diner.

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

Data visualization

#FE5F55#EEF5DB#5FADCF#00A6A6#F0C808

Palette guide

How to use Retro Sunset Diner

Overview

The Retro Sunset Diner palette is a vibrant and playful collection, capturing the iconic primary colors and neon glow of a 1950s diner at dusk. Featuring a lively Lava Red #FE5F55, a serene Pale Yellow #EEF5DB, a cool Sky Blue #5FADCF, a deep Teal #00A6A6, and a bright Gold #F0C808, this palette is perfect for designs demanding high energy and a distinct retro appeal. Designers can use these hues to create impactful branding, dynamic illustrations, or energetic digital interfaces. Developers will appreciate the clear differentiation for component styling and visual hierarchy in a fun, nostalgic context.

Best used for

  • 1950s diner branding and menus
  • Retro-themed website interfaces
  • Children's entertainment graphics
  • Pop art style illustrations
  • Event posters and flyers
  • Casual dining app design

Suggested color roles

primary

The lively Lava Red, #FE5F55, serves as an energetic focal point for calls to action, main headers, or key graphical elements, demanding immediate attention.

secondary

The cool Sky Blue, #5FADCF, offers a refreshing contrast, ideal for navigation, sub-headers, or complementary sections, evoking open skies.

accent

The bright Gold, #F0C808, is a perfect accent for highlights, icons, or subtle decorative details, adding a cheerful pop and vintage charm.

background

The serene Pale Yellow, #EEF5DB, creates a soft, warm background, reminiscent of a fading sunset, allowing other colors to stand out without harshness.

text

For optimal readability on lighter shades like #EEF5DB or #F0C808, use a dark color such as #00A6A6 or standard black (#000000). White text (#FFFFFF) is effective on #FE5F55, #5FADCF, and #00A6A6.

Accessibility notes

  • Ensure sufficient contrast between #F0C808 and #EEF5DB if used for text; it will require large font sizes or bolder weights.
  • White text (#FFFFFF) on #FE5F55, #5FADCF, and #00A6A6 will generally meet WCAG AA contrast standards.
  • Avoid using #EEF5DB as text on #F0C808 due to low contrast; these are better for backgrounds and accents.
  • Always test all color combinations for contrast ratios, especially for critical information and interactive elements, to ensure universal accessibility.

Recommended combinations

Diner Lights

Creates a vibrant, eye-catching retro aesthetic, ideal for branding, headers, or dynamic illustrations with a neon feel.

#FE5F55 · #5FADCF · #F0C808

Sunset Glow

Perfect for backgrounds, soft transitions, or designs that aim for a gentle yet colorful vintage vibe, like menu borders.

#EEF5DB · #FE5F55 · #00A6A6

Bold Contrast

Effective for creating strong visual hierarchy, distinguishing content blocks, or for striking, memorable design elements in UI.

#00A6A6 · #FE5F55 · #F0C808

CSS variables

:root {
  --retro-sunset-diner-2-1: #FE5F55;
  --retro-sunset-diner-2-2: #EEF5DB;
  --retro-sunset-diner-2-3: #5FADCF;
  --retro-sunset-diner-2-4: #00A6A6;
  --retro-sunset-diner-2-5: #F0C808;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-sunset-diner-2": {
        1: "#FE5F55",
        2: "#EEF5DB",
        3: "#5FADCF",
        4: "#00A6A6",
        5: "#F0C808",
      }
    }
  }
}

Related searches

retro diner color scheme vibrant1950s sunset colors palettepop art diner colorsbright retro food brandingvintage neon color codes

Palette colors

Hex values

Color 1#FE5F55
·
Color 2#EEF5DB
·
Color 3#5FADCF
·
Color 4#00A6A6
·
Color 5#F0C808
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
1.2:1Fail
1:1Fail
1.9:1Fail
2
2.7:1Fail
2.2:1Fail
2.7:1Fail
1.4:1Fail
3
1.2:1Fail
2.2:1Fail
1.2:1Fail
1.6:1Fail
4
1:1Fail
2.7:1Fail
1.2:1Fail
1.9:1Fail
5
1.9:1Fail
1.4:1Fail
1.6:1Fail
1.9:1Fail

Similar palettes

More like Retro Sunset Diner

View all vibrant
Diner Jukebox Beat
Atomic Age Diner
Atomic Era Splash
Mid-Century Atomic Pop
Nostalgic Soda Fountain
Nostalgic Soda Pop