Back to palettes

Palette

Groovy Sunset Hues

Captures the iconic earthy yet vibrant aesthetic of the 1970s, full of warm and inviting tones.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Groovy Sunset Hues 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 Groovy Sunset Hues.

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

Data visualization

#7C8F43#A6B15A#CFB547#E8A13D#DA6E0D

Palette guide

How to use Groovy Sunset Hues

Overview

The Groovy Sunset Hues palette captures the iconic earthy yet vibrant aesthetic of the 1970s. It features a harmonious blend of warm and inviting tones, including the olive green #7C8F43, a lighter olive #A6B15A, a rich mustard yellow #CFB547, a warm orange #E8A13D, and a deep, burnt orange #DA6E0D. This palette is ideal for designers and developers aiming to evoke a sense of nostalgia, comfort, and organic warmth in their projects, from digital interfaces to physical products, offering a grounded yet lively feel.

Best used for

  • Brand identity and logos
  • Interior design schemes
  • Sustainable product packaging
  • Editorial layouts for vintage themes
  • Websites with an earthy, retro feel
  • Apparel and textile designs

Suggested color roles

primary

Use #E8A13D (Warm Orange) as the inviting central hue, perfect for main calls-to-action or key visual elements.

secondary

Employ #CFB547 (Mustard Yellow) for supporting elements, secondary buttons, or decorative accents that require an earthy complement.

accent

Apply #DA6E0D (Burnt Orange) for powerful emphasis, highlighting important information or adding a deep, rich focal point.

background

Utilize #A6B15A (Lighter Olive) as a calming, natural background, providing a soft canvas for other colors to emerge.

text

For text, #7C8F43 (Olive Green) offers excellent readability on lighter shades like #A6B15A or #CFB547. Alternatively, a deep charcoal works well on very light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #7C8F43 (Olive Green) on #A6B15A (Lighter Olive).
  • Pairing #DA6E0D (Burnt Orange) with #A6B15A (Lighter Olive) generally provides good contrast for headings or larger text.
  • Avoid using #CFB547 (Mustard Yellow) or #E8A13D (Warm Orange) directly on #DA6E0D (Burnt Orange) for small text due to potential low contrast.
  • Consider using a starker color like dark brown or black for body text to guarantee maximum readability across the warmer background tones.

Recommended combinations

Earthy Warmth

Creates a harmonious and inviting gradient, ideal for backgrounds or large graphic elements.

#A6B15A · #CFB547 · #E8A13D

Deep Sunset

Provides a rich, layered effect, perfect for conveying depth and a natural, grounded feel.

#DA6E0D · #E8A13D · #7C8F43

Vintage Harmony

A subtle and sophisticated blend, suitable for elegant branding or understated design elements.

#7C8F43 · #A6B15A · #CFB547

CSS variables

:root {
  --groovy-sunset-hues-1: #7C8F43;
  --groovy-sunset-hues-2: #A6B15A;
  --groovy-sunset-hues-3: #CFB547;
  --groovy-sunset-hues-4: #E8A13D;
  --groovy-sunset-hues-5: #DA6E0D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "groovy-sunset-hues": {
        1: "#7C8F43",
        2: "#A6B15A",
        3: "#CFB547",
        4: "#E8A13D",
        5: "#DA6E0D",
      }
    }
  }
}

Related searches

70s earthy colorsretro sunset palettevintage warm tonesgroovy nature colorsautumnal design palette

Palette colors

Hex values

Color 1#7C8F43
·
Color 2#A6B15A
·
Color 3#CFB547
·
Color 4#E8A13D
·
Color 5#DA6E0D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.8:1Fail
1.6:1Fail
1.1:1Fail
2
1.5:1Fail
1.1:1Fail
1.1:1Fail
1.5:1Fail
3
1.8:1Fail
1.1:1Fail
1.1:1Fail
1.7:1Fail
4
1.6:1Fail
1.1:1Fail
1.1:1Fail
1.5:1Fail
5
1.1:1Fail
1.5:1Fail
1.7:1Fail
1.5:1Fail

Similar palettes

More like Groovy Sunset Hues

View all retro
Groovy Sunset Swirl
Seventies Sofa Groove
Warm Vintage Vibe
Atomic Age Mod
Cherry Malt Swirl
Chrome Soda Fountain