Back to palettes

Palette

Vintage Vinyl Grooves

Muted and dark, echoing the classic aesthetic of old vinyl records and antique sound equipment, timeless and cool.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C4033#7F7F7F#A0A0A0#C2C2C2#3D291F

Palette guide

How to use Vintage Vinyl Grooves

Overview

The Vintage Vinyl Grooves palette offers a sophisticated blend of muted browns and greys, echoing the classic aesthetic of old vinyl records and antique sound equipment. With deep #3D291F providing a rich foundation, balanced by the versatile mid-grey #7F7F7F and the soft lightness of #C2C2C2, this collection exudes a timeless, cool elegance. It's an excellent choice for designers aiming for an aged, neutral, and refined look that feels both retro and contemporary. These shades are perfect for creating interfaces and branding that convey authenticity, craftsmanship, and a quiet sense of history, making them ideal for projects requiring understated sophistication.

Best used for

  • Classic audio equipment websites
  • Vintage photography portfolios
  • Minimalist branding and identity
  • Historical archives and museum displays
  • Sophisticated tech blogs and publications
  • Interior design concepts (industrial/retro)

Suggested color roles

primary

#3D291F - A deep, grounding brown, ideal for foundational elements, prominent headers, or a luxurious dark text color.

secondary

#5C4033 - A warm, rich brown perfect for supporting sections, card backgrounds, or distinct UI components, adding depth.

accent

#C2C2C2 - A soft, light grey that serves as an elegant highlight for interactive elements, subtle dividers, or delicate typography.

background

#A0A0A0 - A balanced, neutral grey providing a clean, aged background for content areas that need a touch of vintage character.

text

On lighter greys like #A0A0A0 and #C2C2C2, use #3D291F or a deep charcoal for optimal contrast. For darker browns, white or a very light grey is recommended.

Accessibility notes

  • Ensure high contrast for text: White or light grey text on #3D291F and #5C4033 is crucial for readability.
  • Be mindful of contrast between adjacent greys: Text or UI elements in #7F7F7F may lack sufficient contrast on backgrounds like #A0A0A0.
  • Check WCAG AA/AAA compliance for critical interactive elements, especially when using #C2C2C2 on backgrounds like #A0A0A0.
  • Avoid using small body text in mid-tones like #7F7F7F against backgrounds that are too close in luminance, such as #5C4033.

Recommended combinations

Aged Neutrals

Ideal for a sophisticated dark theme, using the darkest brown as the background, the lightest grey for headings, and the mid-grey for body text or accents.

#3D291F · #C2C2C2 · #7F7F7F

Warm Retro

Great for content sections, where the warm brown acts as a base, complemented by the neutral grey background, and the darkest brown for prominent text or links.

#5C4033 · #A0A0A0 · #3D291F

Classic Grayscale

Effective for layering UI elements, with the mid-grey as a background, the lightest grey for subtle highlights, and the warm brown for calls-to-action or important icons.

#7F7F7F · #C2C2C2 · #5C4033

CSS variables

:root {
  --vintage-vinyl-grooves-1: #5C4033;
  --vintage-vinyl-grooves-2: #7F7F7F;
  --vintage-vinyl-grooves-3: #A0A0A0;
  --vintage-vinyl-grooves-4: #C2C2C2;
  --vintage-vinyl-grooves-5: #3D291F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-vinyl-grooves": {
        1: "#5C4033",
        2: "#7F7F7F",
        3: "#A0A0A0",
        4: "#C2C2C2",
        5: "#3D291F",
      }
    }
  }
}

Related searches

vintage grey brown paletteretro vinyl designmuted neutral color schemeaged aesthetic brandingclassic audio UI colors

Palette colors

Hex values

Color 1#5C4033
·
Color 2#7F7F7F
·
Color 3#A0A0A0
·
Color 4#C2C2C2
·
Color 5#3D291F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.6:1AA18
5.3:1AA
1.5:1Fail
2
2.3:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
3.6:1AA18
1.5:1Fail
1.5:1Fail
5.2:1AA
4
5.3:1AA
2.2:1Fail
1.5:1Fail
7.7:1AAA
5
1.5:1Fail
3.4:1AA18
5.2:1AA
7.7:1AAA

Similar palettes

More like Vintage Vinyl Grooves

View all dark
Brass Cogs & Smoke
Film Noir Echo
Industrial Steampunk Grit
Rusty Foundry Steel
Speakeasy Lounge Vibe
Steampunk Goggles