Back to palettes

Palette

Groovy Sunset Swirl

A vibrant and free-spirited palette channeling the iconic warmth and playful energy of 70s retro aesthetics.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBF00#FF7F50#DEB887#40E0D0#A0522D

Palette guide

How to use Groovy Sunset Swirl

Overview

The Groovy Sunset Swirl palette is a vibrant and free-spirited collection channeling the iconic warmth and playful energy of 70s retro aesthetics. It features a golden yellow #FFBF00, a warm coral orange #FF7F50, an earthy light beige #DEB887, a surprising pop of turquoise #40E0D0, and a deep sienna brown #A0522D. This versatile palette offers designers and developers a unique blend of natural warmth and playful vibrancy, perfect for creating eclectic, bohemian, or vintage-inspired digital and print projects that feel both grounded and energetic.

Best used for

  • Bohemian and eclectic branding
  • Festival and event graphics
  • Artistic illustrations and prints
  • Product packaging with a vintage twist
  • Websites and apps with a playful vibe
  • Home decor and textile designs

Suggested color roles

primary

Use #FFBF00 (Golden Yellow) as a bright, inviting primary color, perfect for main headings or key interactive elements.

secondary

Employ #FF7F50 (Coral Orange) for supporting content, secondary calls-to-action, or to add a lively, warm feel.

accent

Apply #40E0D0 (Turquoise) as a striking, refreshing accent to create unexpected pops and visual interest.

background

Utilize #DEB887 (Light Beige) as a soft, neutral background, providing an earthy canvas that lets other colors stand out.

text

For text, #A0522D (Sienna Brown) offers excellent contrast and a natural feel on lighter backgrounds like #DEB887. Black or dark charcoal also works for body copy.

Accessibility notes

  • Ensure high contrast when using #FFBF00 (Golden Yellow) or #FF7F50 (Coral Orange) for text; they may need a dark background or very dark text.
  • The light #DEB887 (Light Beige) background requires dark text, such as #A0522D or black, to meet accessibility standards.
  • Be mindful of the #40E0D0 (Turquoise) accent; while vibrant, it might not have enough contrast for small text on very light or very dark backgrounds.
  • Always test text legibility, especially when combining the warmer tones with the cooler turquoise accent, to ensure readability for all users.

Recommended combinations

Vibrant Earth

Combines warmth and depth, ideal for branding that seeks to be both energetic and grounded.

#FFBF00 · #FF7F50 · #A0522D

Retro Pop

Creates an unexpected, playful contrast, perfect for highlighting elements or adding a unique flair.

#DEB887 · #40E0D0 · #FFBF00

Sunset Depth

Offers a rich, layered look, great for conveying a sense of natural beauty and vintage appeal.

#A0522D · #FF7F50 · #DEB887

CSS variables

:root {
  --groovy-sunset-swirl-1: #FFBF00;
  --groovy-sunset-swirl-2: #FF7F50;
  --groovy-sunset-swirl-3: #DEB887;
  --groovy-sunset-swirl-4: #40E0D0;
  --groovy-sunset-swirl-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "groovy-sunset-swirl": {
        1: "#FFBF00",
        2: "#FF7F50",
        3: "#DEB887",
        4: "#40E0D0",
        5: "#A0522D",
      }
    }
  }
}

Related searches

70s bohemian palettegroovy warm colorspsychedelic teal accentvintage eclectic designfree spirit color scheme

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FF7F50
·
Color 3#DEB887
·
Color 4#40E0D0
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1:1Fail
3.4:1AA18
2
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
3
1.1:1Fail
1.3:1Fail
1.1:1Fail
3:1AA18
4
1:1Fail
1.5:1Fail
1.1:1Fail
3.4:1AA18
5
3.4:1AA18
2.2:1Fail
3:1AA18
3.4:1AA18

Similar palettes

More like Groovy Sunset Swirl

View all retro
Groovy Psychedelic Vibe
Groovy Sunset Hues
Warm Vintage Vibe
Mid-Century Mod Comfort
Mid-Century Mod Hues
Mid-century Sunset