Palette

Groovy Lounge Vibe

A vibrant, nostalgic collection capturing the eclectic energy and warm tones of 70s lounge decor.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Groovy Lounge Vibe 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 Lounge Vibe.

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

Data visualization

#E68B30#F7CD56#8D4004#5C8374#A6CEF0

Palette guide

How to use Groovy Lounge Vibe

Overview

The Groovy Lounge Vibe palette is a vibrant, nostalgic collection capturing the eclectic energy and warm tones of 70s lounge decor. It features a rich pumpkin orange #E68B30, a cheerful golden yellow #F7CD56, a deep, earthy brown #8D4004, a sophisticated teal #5C8374, and a serene sky blue #A6CEF0. This unique blend of warm and cool tones provides designers and developers with a versatile palette for creating retro-inspired designs that feel both inviting and stylish. It's perfect for projects that aim to evoke comfort, vintage charm, and a touch of playful sophistication.

Best used for

Retro interior design websites
Vintage-themed cafes or bars branding
Creative agencies with a unique style
Nostalgic product packaging
Art and craft project inspiration
Relaxed lifestyle blogs

Suggested color roles

primary

Use #E68B30 as a warm, inviting primary color for key elements, conveying comfort and energy.

secondary

Employ #F7CD56 for secondary accents, highlights, or interactive elements, adding brightness and cheer.

accent

The cool #5C8374 provides a beautiful, calming accent, perfect for balancing the warm tones or for subtle UI elements.

background

A lighter tone like #A6CEF0 can provide a fresh, airy background, or use #8D4004 for a rich, deep base.

text

For lighter backgrounds, #8D4004 or black provides excellent readability. For darker backgrounds, white or #F7CD56 is ideal.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing #F7CD56 with #E68B30 or #A6CEF0.
The dark #8D4004 offers excellent contrast for light text, making it suitable for primary text on dark themes.
Avoid using #5C8374 for small text on #A6CEF0 background, as contrast may be insufficient.
Test all interactive elements to ensure clear visual feedback for states, crucial for user experience.

Recommended combinations

Warm Lounge

Excellent for creating a cozy, inviting header or hero section with strong vintage appeal.

#E68B30 · #F7CD56 · #8D4004

Eclectic Blend

Ideal for a unique color block or footer, with #E68B30 providing a warm pop against cooler tones.

#5C8374 · #A6CEF0 · #E68B30

Retro Balance

Great for abstract patterns or background textures, offering a rich, deep combination with a bright accent.

#8D4004 · #F7CD56 · #5C8374

CSS variables

:root {
  --groovy-lounge-vibe-1: #E68B30;
  --groovy-lounge-vibe-2: #F7CD56;
  --groovy-lounge-vibe-3: #8D4004;
  --groovy-lounge-vibe-4: #5C8374;
  --groovy-lounge-vibe-5: #A6CEF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "groovy-lounge-vibe": {
        1: "#E68B30",
        2: "#F7CD56",
        3: "#8D4004",
        4: "#5C8374",
        5: "#A6CEF0",
      }
    }
  }
}

Hex values

Color 1#E68B30

Color 2#F7CD56

Color 3#8D4004

Color 4#5C8374

Color 5#A6CEF0

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

1.6:1Fail

1.7:1Fail

4.8:1AA

2.8:1Fail

1.1:1Fail

2.8:1Fail

4.8:1AA

1.7:1Fail

4.4:1AA18

1.6:1Fail

2.8:1Fail

1.7:1Fail

2.6:1Fail

1.6:1Fail

1.1:1Fail

4.4:1AA18

2.6:1Fail

Similar palettes

More like Groovy Lounge Vibe

Groovy Lounge Vibe

See it in context.

Ready when you are.

Built with Groovy Lounge Vibe.

How to use Groovy Lounge Vibe

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Warm Lounge

Eclectic Blend

Retro Balance

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Groovy Lounge Vibe