Palette

Vintage Record Shop

Evokes the cozy, timeless atmosphere of an old record shop with aged wood and warm lighting.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Record Shop 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 Record Shop.

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

Data visualization

#4A4A4A#8B4513#CD853F#D2B48C#F5F5DC

Palette guide

How to use Vintage Record Shop

Overview

The Vintage Record Shop palette offers a harmonious blend of warm browns, sepia tones, and a grounding dark gray, perfectly evoking the cozy, timeless atmosphere of an old record store. Featuring a versatile Dim Gray `#4A4A4A`, a rich Saddle Brown `#8B4513`, a vibrant Carrot Orange `#CD853F`, a soothing Tan `#D2B48C`, and a soft Moccasin `#F5F5DC`, this palette is ideal for designers and developers aiming for a retro, inviting aesthetic. These hues combine to create a sense of classic comfort, authenticity, and a welcoming warmth, reminiscent of aged wood and classic vinyl.

Best used for

Music-related branding and websites
Vintage retail or e-commerce stores
Coffee shop and cafe interior design
Podcast covers and audio branding
Retro event promotion and marketing
Cozy app themes and user interfaces

Suggested color roles

primary

Utilize `#4A4A4A` (Dim Gray) for primary text, navigation, or strong foundational elements to provide modern grounding.

secondary

Apply `#8B4513` (Saddle Brown) for secondary content, subheadings, or as a rich, warm accent color.

accent

Employ `#CD853F` (Carrot Orange) for vibrant highlights, calls-to-action, or decorative elements to add a pop of energy.

background

The soft `#F5F5DC` (Moccasin) or `#D2B48C` (Tan) provides an excellent, warm and inviting base for content.

text

For maximum legibility, `#4A4A4A` (Dim Gray) offers superior contrast against lighter backgrounds, or `#8B4513` for warmth.

Accessibility notes

Ensure excellent contrast between `#4A4A4A` or `#8B4513` and lighter backgrounds like `#F5F5DC` for all text.
The lightest color, `#F5F5DC`, should not be used for small text unless paired with one of the darkest colors.
Mid-tones like `#D2B48C` and `#CD853F` require careful contrast checking when used for text on similar backgrounds.
Always test color combinations using a contrast checker to ensure WCAG compliance for interactive elements.

Recommended combinations

Classic Vinyl

Excellent for creating a clean, legible layout with a strong, warm contrast.

#4A4A4A · #F5F5DC · #8B4513

Warm Tones

Ideal for layered graphic elements, subtle gradients, or complementary UI components that need warmth.

#CD853F · #D2B48C · #8B4513

Retro Accent

Use for delicate patterns, background details, or as a refined backdrop for imagery and content.

#F5F5DC · #4A4A4A · #CD853F

CSS variables

:root {
  --vintage-record-shop-1: #4A4A4A;
  --vintage-record-shop-2: #8B4513;
  --vintage-record-shop-3: #CD853F;
  --vintage-record-shop-4: #D2B48C;
  --vintage-record-shop-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-record-shop": {
        1: "#4A4A4A",
        2: "#8B4513",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#F5F5DC",
      }
    }
  }
}

Hex values

Color 1#4A4A4A

Color 2#8B4513

Color 3#CD853F

Color 4#D2B48C

Color 5#F5F5DC

Accessibility

Contrast checker

1.2:1Fail

3:1Fail

4.5:1AA18

8:1AAA

1.2:1Fail

2.4:1Fail

3.6:1AA18

6.4:1AA

3:1Fail

2.4:1Fail

1.5:1Fail

2.7:1Fail

4.5:1AA18

3.6:1AA18

1.5:1Fail

1.8:1Fail

8:1AAA

6.4:1AA

2.7:1Fail

1.8:1Fail

Similar palettes

More like Vintage Record Shop

View all neutral

Vintage Postcard Memories

Vintage Postcard Sepia

Vintage Travelogue Map

Aged Photoprint Tone

Aged Sepia Memoir

Aged Snapshot Tones