Back to palettes

Palette

Sunny Day Drive-In

Bright, cheerful colors of a nostalgic summer day, reminiscent of a drive-in movie or a retro vacation.

pastelretro5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunny Day Drive-In 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 Sunny Day Drive-In.

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

Data visualization

#F0E68C#ADD8E6#FFA07A#90EE90#FDF5E6

Palette guide

How to use Sunny Day Drive-In

Overview

The Sunny Day Drive-In palette evokes a delightful sense of retro nostalgia, perfect for designs aiming for a cheerful, vintage summer feel. Its gentle pastels, including the warm Khaki (#F0E68C), the serene Light Blue (#ADD8E6), and the playful Light Salmon (#FFA07A), are reminiscent of classic Americana. Paired with a fresh Light Green (#90EE90) and the soft, almost creamy Old Lace (#FDF5E6), this palette offers a lighthearted yet sophisticated touch. It's ideal for projects that want to capture the carefree spirit of a bygone era, providing a soft glow and inviting atmosphere without being overly saturated.

Best used for

  • Retro-themed branding and logos
  • Summer event invitations and flyers
  • Vintage-inspired apparel and accessories
  • Children's book illustrations and toy packaging
  • Nostalgic website and app interfaces
  • Cafe or ice cream shop interior design

Suggested color roles

primary

Use #FFA07A (Light Salmon) as a warm, inviting primary color for calls to action or key design elements, drawing immediate attention.

secondary

Apply #F0E68C (Khaki) as a comforting secondary, excellent for backgrounds or large content blocks to maintain a soft, vintage feel.

accent

Introduce #90EE90 (Light Green) as a lively accent, perfect for small details, icons, or to add a touch of playful freshness.

background

Utilize #FDF5E6 (Old Lace) as the primary background color, providing a clean, airy canvas that enhances the pastel vibrancy.

text

For optimal readability, use a dark charcoal gray or black text against the lighter background and primary colors. Consider a dark blue like #36454F for a softer contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter pastels like #F0E68C or #ADD8E6 for text.
  • Avoid pairing low-contrast colors like #FDF5E6 and #ADD8E6 for critical information.
  • Use larger font sizes or bolder weights for text displayed in lighter palette colors to improve readability.
  • Verify color contrast ratios with WCAG guidelines, particularly for interactive elements and text.

Recommended combinations

Retro Glow

Ideal for warm, inviting headers and content sections that evoke vintage charm.

#FFA07A · #F0E68C · #FDF5E6

Summer Breeze

Excellent for serene backgrounds or playful graphic elements, suggesting calm and freshness.

#ADD8E6 · #90EE90 · #FDF5E6

Playful Pop

Effective for dynamic illustrations or call-outs, creating a vibrant, energetic feel.

#FFA07A · #ADD8E6 · #90EE90

CSS variables

:root {
  --sunny-day-drive-in-1: #F0E68C;
  --sunny-day-drive-in-2: #ADD8E6;
  --sunny-day-drive-in-3: #FFA07A;
  --sunny-day-drive-in-4: #90EE90;
  --sunny-day-drive-in-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-day-drive-in": {
        1: "#F0E68C",
        2: "#ADD8E6",
        3: "#FFA07A",
        4: "#90EE90",
        5: "#FDF5E6",
      }
    }
  }
}

Related searches

retro pastel color schemevintage summer palettedrive-in movie colorslight fun color ideasnostalgic design palette

Palette colors

Hex values

Color 1#F0E68C
·
Color 2#ADD8E6
·
Color 3#FFA07A
·
Color 4#90EE90
·
Color 5#FDF5E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
1.1:1Fail
1.2:1Fail
2
1.2:1Fail
1.3:1Fail
1.1:1Fail
1.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
1.8:1Fail
4
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.3:1Fail
5
1.2:1Fail
1.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Sunny Day Drive-In

View all pastel
Retro Soda Fountain
Diner Milkshake Dream
Nostalgic Diner Sweets
Pastel Pantry
Retro Diner Kitsch
Vintage Kitchen Charm