Back to palettes

Palette

Sunny Day Drive

Bright, happy colors inspired by a sunny day's drive, with blue skies and green fields.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#6B8E23#ADD8E6#B0E0E6

Palette guide

How to use Sunny Day Drive

Overview

The Sunny Day Drive palette captures the essence of a vibrant, carefree summer journey with its bright and energetic hues. Goldenrod (#FFD700) and Orange (#FFA500) provide a warm, sunny foundation, reminiscent of sunshine and open roads. These are beautifully contrasted by the earthy Olive Drab (#6B8E23), evoking lush green fields, and two shades of refreshing blue, Light Blue (#ADD8E6) and Powder Blue (#B0E0E6), symbolizing clear skies. This palette is perfect for designs that aim to convey happiness, natural beauty, and a sense of energetic optimism, making it highly versatile for various digital and print applications.

Best used for

  • Travel and adventure brand identities
  • Summer outdoor event promotions
  • Website banners and social media campaigns
  • Children's activity books and games
  • Eco-friendly product packaging
  • Seasonal home decor accents

Suggested color roles

primary

Utilize #FFD700 (Goldenrod) as a radiant primary color to immediately convey warmth, energy, and optimism in your designs.

secondary

Apply #FFA500 (Orange) as a vibrant secondary color, ideal for calls to action or emphasizing key information with its cheerful intensity.

accent

Introduce #6B8E23 (Olive Drab) as a grounding accent, perfect for adding a touch of natural balance or subtle contrast to the brighter hues.

background

Use #B0E0E6 (Powder Blue) as a light, airy background, providing a serene sky-like base that allows other colors to pop.

text

For excellent readability, employ a dark blue or charcoal gray text. Black can also be effective against the lighter blues and yellows for strong contrast.

Accessibility notes

  • Ensure sufficient contrast between the bright yellows and oranges and any text placed upon them, especially for smaller fonts.
  • Avoid using #ADD8E6 and #B0E0E6 for text on similar light backgrounds due to minimal contrast.
  • Pair #FFD700 or #FFA500 with a dark text color like black or #6B8E23 for improved legibility.
  • Always test color combinations for WCAG AA or AAA compliance, particularly for interactive elements.

Recommended combinations

Golden Horizon

Perfect for vibrant headers or hero sections, creating a bright, welcoming feel.

#FFD700 · #FFA500 · #B0E0E6

Field & Sky

Excellent for natural-themed graphics or background patterns, evoking landscapes.

#6B8E23 · #ADD8E6 · #FFD700

Energetic Drive

Effective for lively infographics or call-out boxes, balancing warmth with cool tones.

#FFA500 · #6B8E23 · #B0E0E6

CSS variables

:root {
  --sunny-day-drive-1: #FFD700;
  --sunny-day-drive-2: #FFA500;
  --sunny-day-drive-3: #6B8E23;
  --sunny-day-drive-4: #ADD8E6;
  --sunny-day-drive-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-day-drive": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#6B8E23",
        4: "#ADD8E6",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

vibrant summer color palettecheerful travel colorssunny nature color schemeenergetic branding palettebright outdoor design colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#6B8E23
·
Color 4#ADD8E6
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.7:1Fail
1.1:1Fail
1:1Fail
2
1.4:1Fail
1.9:1Fail
1.3:1Fail
1.4:1Fail
3
2.7:1Fail
1.9:1Fail
2.5:1Fail
2.7:1Fail
4
1.1:1Fail
1.3:1Fail
2.5:1Fail
1.1:1Fail
5
1:1Fail
1.4:1Fail
2.7:1Fail
1.1:1Fail

Similar palettes

More like Sunny Day Drive

View all vibrant
Aegean Coastline Bliss
Golden Hour Zest
Golden Plains Bloom
Summer Fruit Fiesta
Sun-Kissed Orchard Burst
Tropical Juice Bar