Palette

Seventies Sunset Disco

A groovy burst of warm, energetic colors, reminiscent of 70s fashion and disco sunsets.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seventies Sunset Disco 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 Seventies Sunset Disco.

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

Data visualization

#E75E0E#F2A40C#F2DD79#9E1B2C#5C0C14

Palette guide

How to use Seventies Sunset Disco

Overview

The "Seventies Sunset Disco" palette explodes with energetic, retro-inspired vibrancy, capturing the essence of a lively era. This collection features a bold orange #E75E0E, a bright golden yellow #F2A40C, and a softer, sunny #F2DD79. These warmer tones are beautifully contrasted by the deep, rich reds: a striking crimson #9E1B2C and a profound maroon #5C0C14. It’s a dynamic and exciting palette perfect for designs that aim to be unforgettable, evoking disco lights and vibrant sunsets. Ideal for projects demanding high energy and a distinct 70s flair.

Best used for

High-energy event branding
Retro-themed digital advertisements
Fashion and apparel designs
Music album covers or concert posters
Playful packaging for food or beverages
Interactive website elements with a bold look

Suggested color roles

primary

#E75E0E (bold orange). Use this dominant, energetic hue for headlines, calls to action, or prominent brand elements.

secondary

#F2A40C (golden yellow). An excellent supporting color for subheadings, illustrations, or secondary buttons, maintaining vibrancy.

accent

#9E1B2C (crimson red). Deploy this deep, rich red for subtle highlights, interactive states, or decorative details that pop.

background

#F2DD79 (light yellow). Provides a bright, warm base that allows the bolder colors to truly shine.

text

#5C0C14 (maroon) offers strong contrast on lighter backgrounds, or use a crisp black for general readability.

Accessibility notes

Ensure #E75E0E or #F2A40C text has sufficient contrast against #F2DD79 background.
#9E1B2C offers good contrast for text on #F2DD79, but may be low on #F2A40C.
Avoid using #E75E0E text on #F2A40C as they are too close in luminance.
#5C0C14 is a strong option for body text on #F2DD79, providing good readability.

Recommended combinations

Disco Glow

Perfect for vibrant gradients, large headers, or energetic background elements.

#E75E0E · #F2A40C · #F2DD79

Dramatic Contrast

Effective for creating impactful calls to action or distinct content blocks.

#9E1B2C · #F2DD79 · #5C0C14

Sunset Energy

Excellent for creating a warm, inviting, yet bold visual narrative in branding.

#F2A40C · #E75E0E · #5C0C14

CSS variables

:root {
  --seventies-sunset-disco-1: #E75E0E;
  --seventies-sunset-disco-2: #F2A40C;
  --seventies-sunset-disco-3: #F2DD79;
  --seventies-sunset-disco-4: #9E1B2C;
  --seventies-sunset-disco-5: #5C0C14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seventies-sunset-disco": {
        1: "#E75E0E",
        2: "#F2A40C",
        3: "#F2DD79",
        4: "#9E1B2C",
        5: "#5C0C14",
      }
    }
  }
}

Hex values

Color 1#E75E0E

Color 2#F2A40C

Color 3#F2DD79

Color 4#9E1B2C

Color 5#5C0C14

Accessibility

Contrast checker

1.7:1Fail

2.6:1Fail

2.3:1Fail

4:1AA18

1.7:1Fail

1.5:1Fail

3.8:1AA18

6.6:1AA

2.6:1Fail

1.5:1Fail

5.8:1AA

10.1:1AAA

2.3:1Fail

3.8:1AA18

5.8:1AA

1.7:1Fail

4:1AA18

6.6:1AA

10.1:1AAA

1.7:1Fail

Similar palettes

More like Seventies Sunset Disco

Seventies Sunset Disco

See it in context.

Ready when you are.

Built with Seventies Sunset Disco.

How to use Seventies Sunset Disco

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Disco Glow

Dramatic Contrast

Sunset Energy

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Seventies Sunset Disco