Back to palettes

Palette

Vintage Beach Vibe

Bright and cheerful hues capturing the energetic and free-spirited vibe of 60s beach culture.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Beach Vibe 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 Beach Vibe.

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

Data visualization

#00BFFF#FFD700#FF69B4#32CD32#FF4500

Palette guide

How to use Vintage Beach Vibe

Overview

The Vintage Beach Vibe palette brings a burst of retro energy, perfect for designs seeking a playful, summer aesthetic. Featuring a lively Deep Sky Blue (`#00BFFF`), a sunny Gold (`#FFD700`), and a vibrant Hot Pink (`#FF69B4`), this collection evokes 60s beach culture with its energetic and free-spirited hues. Designers can leverage the bright Orange Red (`#FF4500`) for high-impact calls to action and the fresh Lime Green (`#32CD32`) for playful accents. This palette is ideal for projects needing a cheerful, nostalgic, and dynamic visual language, ensuring a memorable and spirited user experience across various digital and print applications.

Best used for

  • Retro event posters and flyers
  • Summer fashion and swimwear branding
  • Playful mobile app interfaces
  • Children's product packaging
  • Beach resort and travel marketing
  • Vintage-themed social media campaigns

Suggested color roles

primary

#00BFFF (Deep Sky Blue) - Use as a dominant background for energetic sections or as a primary brand color, evoking open skies and water.

secondary

#FFD700 (Gold) - Excellent for headers, secondary calls to action, or elements needing a warm, sunny contrast to the primary blue.

accent

#FF69B4 (Hot Pink) - Apply sparingly for pop-up notifications, highlights, or playful graphic elements to grab immediate attention.

background

#32CD32 (Lime Green) - Suitable for vibrant section backgrounds or graphic elements; for main body backgrounds, a light neutral is often best to let other colors shine.

text

#000000 (Black) - Essential for ensuring readability against the palette's vibrant hues, especially on lighter backgrounds or for critical information.

Accessibility notes

  • Ensure sufficient contrast when pairing bright colors like `#FFD700` with light text; dark text is generally recommended.
  • Avoid using `#FF69B4` directly on `#FF4500` for text due to low contrast, especially for small fonts.
  • Prioritize high contrast pairings, such as black text on `#00BFFF` or white text on `#FF4500`.
  • Use `#FF4500` and `#FF69B4` for accents only, as their intensity can strain eyes if used for large blocks of text or background.

Recommended combinations

Sunny Splash

For playful headers and call-to-action buttons on a light background, exuding joy and energy.

#00BFFF · #FFD700 · #FF4500

Tropical Pop

Ideal for vibrant illustrations, event flyers, or energetic social media graphics that demand attention.

#FF69B4 · #32CD32 · #00BFFF

Warm Glow

Effective for creating warm, inviting accents or highlights in branding and promotional materials.

#FFD700 · #FF4500 · #FF69B4

CSS variables

:root {
  --vintage-beach-vibe-1: #00BFFF;
  --vintage-beach-vibe-2: #FFD700;
  --vintage-beach-vibe-3: #FF69B4;
  --vintage-beach-vibe-4: #32CD32;
  --vintage-beach-vibe-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-beach-vibe": {
        1: "#00BFFF",
        2: "#FFD700",
        3: "#FF69B4",
        4: "#32CD32",
        5: "#FF4500",
      }
    }
  }
}

Related searches

retro color schemes60s beach colorsvibrant summer paletteplayful design colorsmid-century modern colors

Palette colors

Hex values

Color 1#00BFFF
·
Color 2#FFD700
·
Color 3#FF69B4
·
Color 4#32CD32
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
1:1Fail
1.6:1Fail
2
1.5:1Fail
1.9:1Fail
1.5:1Fail
2.5:1Fail
3
1.2:1Fail
1.9:1Fail
1.2:1Fail
1.3:1Fail
4
1:1Fail
1.5:1Fail
1.2:1Fail
1.6:1Fail
5
1.6:1Fail
2.5:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Vintage Beach Vibe

View all retro
Classic Diner Melody
Diner Booth Nostalgia
Fifties Diner Jive
Groovy Sunset Ride
Malt Shop Nostalgia
Retro Diner Jukebox