Palette

Vintage Vinyl Groove

Evokes the warm, nostalgic sound of a classic record player, with rich, faded tones from the past.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Vinyl Groove 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 Vintage Vinyl Groove.

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

Data visualization

#4B0082#8B4513#A0522D#CD853F#BC8F8F

Palette guide

How to use Vintage Vinyl Groove

Overview

The Vintage Vinyl Groove palette offers a warm, nostalgic journey with its unique blend of deep indigo, earthy browns, and a soft rose. Featuring the striking #4B0082, the rich #A0522D, and the inviting #CD853F, this collection evokes the authentic feel of classic records and a bygone era. It's an excellent choice for designers aiming to capture a retro vibe with warmth and character. The palette's diverse tones, including the subtle #BC8F8F, allow for layered designs that feel both grounded and vibrant. This makes it particularly effective for branding, digital interfaces, or print materials that require a distinctive, warm, and memorable vintage aesthetic.

Best used for

Retro music streaming applications
Vintage apparel and accessory stores
Artisanal coffee shop branding
Nostalgic product packaging
Cultural event posters and flyers
Personal blogs with a retro theme

Suggested color roles

primary

#4B0082 - A deep, distinctive indigo that provides a strong, unique foundation for headers, hero sections, or significant brand elements.

secondary

#8B4513 - A rich, warm brown ideal for supporting content blocks, sidebars, or prominent UI components, adding an earthy depth.

accent

#CD853F - A bright, inviting orange-brown perfect for calls-to-action, interactive elements, or vibrant highlights that demand attention.

background

#BC8F8F - A soft, muted rose-brown that serves as an elegant, warm background, allowing other colors to truly pop.

text

On darker shades like #4B0082 or #8B4513, use white or a light cream for readability. For #BC8F8F, a deep charcoal or #3D291F (from a similar palette) works well.

Accessibility notes

Ensure sufficient contrast for text: White or light cream text on #4B0082 and #8B4513 is crucial for readability.
Be mindful of adjacent browns: Text or UI elements in #A0522D may lack sufficient contrast on backgrounds like #CD853F.
Check WCAG AA/AAA compliance for critical interactive elements, especially when using #CD853F on backgrounds like #BC8F8F.
Avoid using small body text in mid-tones like #A0522D against backgrounds that are too close in luminance, such as #8B4513.

Recommended combinations

Retro Harmony

Ideal for hero sections, using the deep indigo as a background, the bright orange-brown for headings, and the soft rose for body text or subtle accents.

#4B0082 · #CD853F · #BC8F8F

Warm Tones

Great for content blocks or product details, where the rich brown acts as a base, complemented by the mid-brown for text, and the lighter orange for highlights.

#8B4513 · #A0522D · #CD853F

Vinyl Vibe

Effective for creating a layered, inviting interface, with the soft rose as a primary background, the indigo for critical text or icons, and the mid-brown for secondary elements.

#BC8F8F · #4B0082 · #A0522D

CSS variables

:root {
  --vintage-vinyl-groove-1: #4B0082;
  --vintage-vinyl-groove-2: #8B4513;
  --vintage-vinyl-groove-3: #A0522D;
  --vintage-vinyl-groove-4: #CD853F;
  --vintage-vinyl-groove-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-vinyl-groove": {
        1: "#4B0082",
        2: "#8B4513",
        3: "#A0522D",
        4: "#CD853F",
        5: "#BC8F8F",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8B4513

Color 3#A0522D

Color 4#CD853F

Color 5#BC8F8F

Accessibility

Contrast checker

1.8:1Fail

2.3:1Fail

4.3:1AA18

4.6:1AA

1.8:1Fail

1.3:1Fail

2.4:1Fail

2.5:1Fail

2.3:1Fail

1.3:1Fail

1.9:1Fail

2:1Fail

4.3:1AA18

2.4:1Fail

1.9:1Fail

1.1:1Fail

4.6:1AA

2.5:1Fail

2:1Fail

1.1:1Fail

Similar palettes

More like Vintage Vinyl Groove

View all retro

Vintage Record Spin

Mid-Century Mod Comfort

Mid-century Sunset

Seventies Lounge Echo

Seventies Sofa Groove

Vintage Postcard Hues