Back to palettes

Palette

Vintage Record Spin

Echoes the worn grooves and rich, warm tones of an old vinyl record playing a favorite classic tune.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8F433A#C9704C#DBCFB0#7C6A6C#4F5D75

Palette guide

How to use Vintage Record Spin

Overview

The Vintage Record Spin palette offers a unique blend of muted, warm red-browns, a gentle orange, and a cool blue-gray, perfectly capturing the worn, soulful essence of an old vinyl record. Featuring a rustic Firebrick `#8F433A`, a soft Rust `#C9704C`, a delicate Linen `#DBCFB0`, a subtle Taupe `#7C6A6C`, and a serene Steel Blue `#4F5D75`, this palette is ideal for designers and developers aiming for a sophisticated, nostalgic retro aesthetic. These hues evoke the rich tones of classic music, aged textures, and a cozy, contemplative mood, perfect for projects that celebrate history and artistry.

Best used for

  • Music streaming app interfaces
  • Indie film and documentary branding
  • Retro fashion and lifestyle blogs
  • Historical fiction book covers
  • Cozy cafe or lounge interior design
  • Vintage-themed game UI and art

Suggested color roles

primary

Utilize `#4F5D75` (Steel Blue) for primary text, navigation, or foundational elements, offering a cool, grounding anchor.

secondary

Apply `#8F433A` (Firebrick) for secondary content, subheadings, or as a warm, rich complementary shade.

accent

Employ `#C9704C` (Rust) for vibrant highlights, calls-to-action, or decorative elements to add a touch of warmth and energy.

background

The delicate `#DBCFB0` (Linen) provides an excellent, warm and inviting base, reminiscent of aged paper.

text

For maximum legibility, `#4F5D75` (Steel Blue) offers superior contrast against lighter backgrounds, or `#8F433A` for warmth.

Accessibility notes

  • Ensure excellent contrast between `#4F5D75` or `#8F433A` and lighter backgrounds like `#DBCFB0` for all text.
  • The lightest color, `#DBCFB0`, should not be used for small text unless paired with one of the darkest colors.
  • Be cautious when using `#7C6A6C` (Taupe) for text, as its mid-tone nature can make it hard to read on similar backgrounds.
  • Always test color combinations using a contrast checker to ensure WCAG compliance for interactive elements.

Recommended combinations

Muted Contrast

Excellent for creating a legible layout with a cool text, warm background, and a rustic accent.

#4F5D75 · #DBCFB0 · #8F433A

Warm Groove

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

#8F433A · #C9704C · #DBCFB0

Aged Harmony

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

#7C6A6C · #4F5D75 · #DBCFB0

CSS variables

:root {
  --vintage-record-spin-1: #8F433A;
  --vintage-record-spin-2: #C9704C;
  --vintage-record-spin-3: #DBCFB0;
  --vintage-record-spin-4: #7C6A6C;
  --vintage-record-spin-5: #4F5D75;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-record-spin": {
        1: "#8F433A",
        2: "#C9704C",
        3: "#DBCFB0",
        4: "#7C6A6C",
        5: "#4F5D75",
      }
    }
  }
}

Related searches

vintage vinyl colorsretro music palettemuted warm coolaged record aestheticnostalgic color scheme

Palette colors

Hex values

Color 1#8F433A
·
Color 2#C9704C
·
Color 3#DBCFB0
·
Color 4#7C6A6C
·
Color 5#4F5D75
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.5:1AA18
1.4:1Fail
1:1Fail
2
1.9:1Fail
2.3:1Fail
1.4:1Fail
1.9:1Fail
3
4.5:1AA18
2.3:1Fail
3.3:1AA18
4.3:1AA18
4
1.4:1Fail
1.4:1Fail
3.3:1AA18
1.3:1Fail
5
1:1Fail
1.9:1Fail
4.3:1AA18
1.3:1Fail

Similar palettes

More like Vintage Record Spin

View all retro