Back to palettes

Palette

Retro Sunset Dream

A groovy palette bursting with the energetic and optimistic hues of a 70s-era sunset.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Sunset Dream 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 Retro Sunset Dream.

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

Data visualization

#F06E35#E53A35#E0A01E#62B889#2A816C

Palette guide

How to use Retro Sunset Dream

Overview

The Retro Sunset Dream palette captures the energetic and optimistic spirit of a 70s-era sunset, offering a vibrant mix for designers and developers. Anchored by a fiery orange (#F06E35) and a bold red-orange (#E53A35), it’s perfectly balanced with a radiant gold (#E0A01E) and two refreshing teal greens (#62B889, #2A816C). This groovy selection is ideal for projects seeking a nostalgic yet dynamic aesthetic. Utilize #F06E35 for warmth and energy, #2A816C for depth, and #E0A01E for sunny accents to create truly captivating and memorable designs that resonate with a retro charm.

Best used for

  • 70s-themed event branding
  • Vintage poster and print design
  • Retro-inspired web graphics and UI elements
  • Fashion and textile patterns with a nostalgic feel
  • Album art for psychedelic or indie rock
  • Mobile game UI with a playful, vintage aesthetic

Suggested color roles

primary

Use #F06E35 as a warm, inviting base for dominant elements, conveying energy and approachability.

secondary

Employ #E53A35 for bold contrast and dynamic accents, creating visual interest and focal points.

accent

Apply #E0A01E as a sunny highlight, perfect for small details, icons, or subtle glows.

background

Utilize #2A816C as a deep, grounding backdrop, allowing the warmer, brighter colors to truly pop.

text

Consider #62B889 for lighter text elements on dark backgrounds, or a dark charcoal/black for optimal readability on lighter hues.

Accessibility notes

  • Ensure sufficient contrast between #F06E35 or #E53A35 and #2A816C for critical text elements.
  • Avoid using #E0A01E for small text against similarly light backgrounds to maintain readability.
  • For body text on lighter colors like #E0A01E or #62B889, use a dark neutral color like black or charcoal.
  • Always check contrast ratios for all text and interactive elements, especially when combining adjacent bright colors.

Recommended combinations

Sunset Glow

A warm, energetic trio ideal for headers, graphic elements, or gradient effects that evoke a sunset.

#F06E35 · #E53A35 · #E0A01E

Retro Contrast

A dark, grounding base with vibrant orange and gold pops, perfect for UI elements or bold branding.

#2A816C · #F06E35 · #E0A01E

Earthy Pop

A fresh green base with sunny gold and bold red accents, suitable for illustrations or playful designs.

#62B889 · #E0A01E · #E53A35

CSS variables

:root {
  --retro-sunset-dream-2-1: #F06E35;
  --retro-sunset-dream-2-2: #E53A35;
  --retro-sunset-dream-2-3: #E0A01E;
  --retro-sunset-dream-2-4: #62B889;
  --retro-sunset-dream-2-5: #2A816C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-sunset-dream-2": {
        1: "#F06E35",
        2: "#E53A35",
        3: "#E0A01E",
        4: "#62B889",
        5: "#2A816C",
      }
    }
  }
}

Related searches

70s color palettesretro sunset colorsvintage graphic design palettebold nostalgic color schemeenergetic orange green palette

Palette colors

Hex values

Color 1#F06E35
·
Color 2#E53A35
·
Color 3#E0A01E
·
Color 4#62B889
·
Color 5#2A816C
·

Accessibility

Contrast checker

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

Similar palettes

More like Retro Sunset Dream

View all vibrant