Palette

Bowling Alley Retro

A quirky, retro palette echoing the vibrant colors and mid-century aesthetic of a classic bowling alley.

RetroRetro5 colors

More Retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bowling Alley Retro 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 Bowling Alley Retro.

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

Data visualization

#4CAF50#CDDC39#607D8B#FFC107#F44336

Palette guide

How to use Bowling Alley Retro

Overview

The Bowling Alley Retro palette is a quirky, vibrant collection echoing the lively colors and mid-century aesthetic of a classic bowling alley. Featuring the energetic #4CAF50 and the bright #CDDC39, alongside the bold #FFC107 and the striking #F44336, this scheme is grounded by the cool #607D8B. This palette is perfect for designs seeking a fun, vintage, and playful aesthetic. Designers can leverage it for projects requiring a dynamic, nostalgic, and engaging feel, such as retro gaming, event promotions, or quirky branding. Its high-contrast, lively blend ensures visual excitement and a memorable user experience, radiating classic charm.

Best used for

Retro gaming and arcade websites
Vintage-themed event promotions
Fun and quirky brand identities
50s/60s inspired fashion or decor
Entertainment and leisure venue branding
Pop art and graphic design projects

Suggested color roles

primary

Utilize #4CAF50 as a bold primary color for headings, main navigation, or impactful brand elements, conveying energy and fun.

secondary

Apply #607D8B for grounding elements, subheadings, or as a sophisticated neutral to balance the vibrant hues.

accent

Employ #F44336 and #FFC107 for high-impact accents, calls-to-action, or to highlight key features with undeniable vibrancy.

background

A clean white or light gray is recommended to let the vibrant colors pop and ensure readability.

text

The deep #607D8B is ideal for body text, ensuring strong readability against light backgrounds and harmonizing with the retro aesthetic.

Accessibility notes

Ensure strong contrast for text, using #607D8B on a white or light gray background, to meet WCAG AA standards.
Be cautious when pairing highly saturated colors like #FFC107 and #F44336 for text and background; always check contrast.
For interactive elements, provide clear visual feedback beyond color, such as underlines or bolding, given the high vibrancy.
Avoid using #CDDC39 for small text on light backgrounds due to potential readability issues; use it for larger headlines or accents.

Recommended combinations

Vibrant Strike

Creates a high-energy, dynamic look, perfect for attention-grabbing headers or key calls-to-action in a retro style.

#F44336 · #4CAF50 · #607D8B

Retro Pop

Offers a playful, contrasting blend of bright yellow-green and orange with a cool gray, ideal for fun graphics or background elements.

#CDDC39 · #FFC107 · #607D8B

Alley Lights

Emphasizes the vibrant, playful nature of the palette, suitable for graphic illustrations, banners, or event promotions.

#4CAF50 · #FFC107 · #F44336

CSS variables

:root {
  --bowling-alley-retro-1: #4CAF50;
  --bowling-alley-retro-2: #CDDC39;
  --bowling-alley-retro-3: #607D8B;
  --bowling-alley-retro-4: #FFC107;
  --bowling-alley-retro-5: #F44336;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bowling-alley-retro": {
        1: "#4CAF50",
        2: "#CDDC39",
        3: "#607D8B",
        4: "#FFC107",
        5: "#F44336",
      }
    }
  }
}

Hex values

Color 1#4CAF50

Color 2#CDDC39

Color 3#607D8B

Color 4#FFC107

Color 5#F44336

Accessibility

Contrast checker

1.8:1Fail

1.6:1Fail

1.7:1Fail

1.3:1Fail

1.8:1Fail

2.9:1Fail

1.1:1Fail

2.4:1Fail

1.6:1Fail

2.9:1Fail

2.7:1Fail

1.2:1Fail

1.7:1Fail

1.1:1Fail

2.7:1Fail

2.3:1Fail

1.3:1Fail

2.4:1Fail

1.2:1Fail

2.3:1Fail

Similar palettes

More like Bowling Alley Retro

Vintage Soda Fountain

Chrome & Neon Cafe