Back to palettes

Palette

Groovy Sunset Ride

A warm, nostalgic blend of oranges and yellows, echoing the carefree and bright spirit of a 70s summer sunset.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Groovy Sunset Ride 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 Groovy Sunset Ride.

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

Data visualization

#D94600#F48C00#FBBF24#FEF08A#F9D7D7

Palette guide

How to use Groovy Sunset Ride

Overview

The Groovy Sunset Ride palette offers a warm, nostalgic blend of oranges and yellows, echoing the carefree and bright spirit of a 70s summer sunset. This vibrant collection includes a bold orange-red #D94600, a sunny orange #F48C00, a bright golden yellow #FBBF24, a soft pastel yellow #FEF08A, and a delicate light pink #F9D7D7. Designers and developers can leverage this palette to create joyful, energetic, and inviting designs, perfect for projects that aim to evoke warmth, nostalgia, and a touch of vintage summer fun across digital and print media.

Best used for

  • Summer marketing campaigns
  • Retro-inspired branding
  • Food and beverage packaging
  • Travel and lifestyle blogs
  • Event branding for festivals
  • Children's product design

Suggested color roles

primary

Use #F48C00 (Sunny Orange) as the main, energetic color, perfect for headlines or primary interactive elements.

secondary

Employ #FBBF24 (Golden Yellow) for supporting sections, secondary calls-to-action, or to add a cheerful glow.

accent

Apply #D94600 (Orange-Red) for powerful accents, important alerts, or to create a strong focal point.

background

Utilize #F9D7D7 (Light Pink) as a soft, airy background, allowing the warmer tones to truly shine and providing a gentle contrast.

text

For text, #D94600 (Orange-Red) offers strong contrast on lighter backgrounds like #F9D7D7 or #FEF08A. A deep charcoal or black is also excellent for main body copy.

Accessibility notes

  • Ensure sufficient contrast when using #FEF08A (Pastel Yellow) or #F9D7D7 (Light Pink) as backgrounds; dark text is crucial.
  • The darker #D94600 (Orange-Red) provides good contrast against #F9D7D7, making it suitable for headings.
  • Avoid placing light text directly on #FBBF24 (Golden Yellow) or #F48C00 (Sunny Orange) without checking contrast ratios.
  • For body text, always opt for a high-contrast color like black or a dark gray to ensure readability across all palette backgrounds.

Recommended combinations

Summer Glow

Creates a warm, inviting gradient effect, ideal for hero images or background elements.

#F48C00 · #FBBF24 · #FEF08A

Sunset Pop

A striking combination for vibrant headers, calls-to-action, or energetic graphic elements.

#D94600 · #F48C00 · #F9D7D7

Soft Hues

Provides a gentle, harmonious blend, perfect for subtle branding or delicate illustrations.

#FBBF24 · #FEF08A · #F9D7D7

CSS variables

:root {
  --groovy-sunset-ride-1: #D94600;
  --groovy-sunset-ride-2: #F48C00;
  --groovy-sunset-ride-3: #FBBF24;
  --groovy-sunset-ride-4: #FEF08A;
  --groovy-sunset-ride-5: #F9D7D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "groovy-sunset-ride": {
        1: "#D94600",
        2: "#F48C00",
        3: "#FBBF24",
        4: "#FEF08A",
        5: "#F9D7D7",
      }
    }
  }
}

Related searches

70s orange yellow paletteretro summer colorsvibrant sunset huesnostalgic design palettewarm vintage branding

Palette colors

Hex values

Color 1#D94600
·
Color 2#F48C00
·
Color 3#FBBF24
·
Color 4#FEF08A
·
Color 5#F9D7D7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.6:1Fail
3.7:1AA18
3.3:1AA18
2
1.8:1Fail
1.5:1Fail
2.1:1Fail
1.8:1Fail
3
2.6:1Fail
1.5:1Fail
1.4:1Fail
1.3:1Fail
4
3.7:1AA18
2.1:1Fail
1.4:1Fail
1.1:1Fail
5
3.3:1AA18
1.8:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Groovy Sunset Ride

View all retro
Classic Diner Melody
Diner Booth Nostalgia
Fifties Diner Jive
Groovy Psychedelic Vibe
Groovy Sunset Hues
Malt Shop Nostalgia