Back to palettes

Palette

Retro Sunset Dream

A groovy palette capturing the bold, sun-soaked energy of a 70s psychedelic sunset.

retroenergetic5 colors
More retro 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

#FE3B0F#FDA50F#FBF46D#89E06E#05668D

Palette guide

How to use Retro Sunset Dream

Overview

The Retro Sunset Dream palette embodies the bold, sun-soaked energy of a 70s psychedelic sunset, making it perfect for designers seeking vibrant and energetic aesthetics. This groovy selection features an intense orange-red (#FE3B0F), a bright orange (#FDA50F), a luminous yellow (#FBF46D), a playful green (#89E06E), and a deep blue (#05668D). These colors are designed to create impactful visuals, whether you're crafting a dynamic website, an eye-catching poster, or a nostalgic brand identity. Leverage #05668D for depth and #FE3B0F for electrifying focal points to achieve a truly memorable retro vibe.

Best used for

  • Psychedelic art and illustrations
  • Festival branding and promotional posters
  • Retro arcade game aesthetics and interfaces
  • Youth-oriented fashion and accessories
  • Dynamic website headers and banners
  • Music event promotional materials

Suggested color roles

primary

Use #FE3B0F as an intense, eye-catching core for focal points and high-energy elements.

secondary

Employ #FDA50F as a warm supporting color, adding depth and vibrancy to the primary shade.

accent

Apply #FBF46D as a luminous highlight, perfect for bringing a sunny pop to details and icons.

background

Utilize #05668D as a deep, contrasting anchor, allowing all the brighter elements to truly stand out.

text

Consider #89E06E for playful text on dark backgrounds, or a dark neutral like black or charcoal for general readability on lighter hues.

Accessibility notes

  • High contrast is crucial; use #05668D for text against #FBF46D or #89E06E for optimal readability.
  • Avoid using #FBF46D for small text against #FDA50F or other light colors due to low contrast.
  • Ensure large text elements using #FE3B0F have adequate contrast against their chosen background.
  • For body text, always prioritize a dark neutral color like black or charcoal to ensure maximum readability.

Recommended combinations

Psychedelic Sun

A vibrant, energetic trio for dynamic backgrounds, illustrations, or gradient effects.

#FE3B0F · #FDA50F · #FBF46D

Deep Contrast

A strong dark base with bright, energetic highlights, ideal for UI elements or bold branding.

#05668D · #FBF46D · #FE3B0F

Groovy Pop

A fresh green with warm orange and red accents, perfect for playful branding or graphic elements.

#89E06E · #FDA50F · #FE3B0F

CSS variables

:root {
  --retro-sunset-dream-1: #FE3B0F;
  --retro-sunset-dream-2: #FDA50F;
  --retro-sunset-dream-3: #FBF46D;
  --retro-sunset-dream-4: #89E06E;
  --retro-sunset-dream-5: #05668D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-sunset-dream": {
        1: "#FE3B0F",
        2: "#FDA50F",
        3: "#FBF46D",
        4: "#89E06E",
        5: "#05668D",
      }
    }
  }
}

Related searches

70s psychedelic color schemevibrant retro paletteenergetic sunset colorsbright orange yellow green bluegroovy design inspiration

Palette colors

Hex values

Color 1#FE3B0F
·
Color 2#FDA50F
·
Color 3#FBF46D
·
Color 4#89E06E
·
Color 5#05668D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
2.2:1Fail
1.8:1Fail
2
1.8:1Fail
1.7:1Fail
1.2:1Fail
3.2:1AA18
3
3.1:1AA18
1.7:1Fail
1.4:1Fail
5.5:1AA
4
2.2:1Fail
1.2:1Fail
1.4:1Fail
3.9:1AA18
5
1.8:1Fail
3.2:1AA18
5.5:1AA
3.9:1AA18

Similar palettes

More like Retro Sunset Dream

View all retro