Back to palettes

Palette

Sunset Vinyl Hues

Nostalgic sunset hues that transport you to a vintage record store, filled with warm, soulful melodies.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Vinyl Hues 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 Sunset Vinyl Hues.

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

Data visualization

#FFA07A#FF7F50#F08080#DEB887#CD853F

Palette guide

How to use Sunset Vinyl Hues

Overview

The Sunset Vinyl Hues palette offers a rich, nostalgic journey with its collection of warm, earthy tones, perfect for evoking a vintage aesthetic. This palette, featuring shades like the soft coral of #FFA07A, the vibrant #FF7F50, and the muted rose of #F08080, creates a comforting and soulful atmosphere. Designers can leverage these colors to infuse projects with a retro charm reminiscent of classic record stores and golden hour sunsets. The deeper #CD853F and the sandy #DEB887 provide excellent grounding for this warm spectrum. Ideal for branding, web interfaces, and digital art seeking to convey a sense of timeless elegance and cozy warmth, this palette ensures a cohesive and inviting visual experience.

Best used for

  • Vintage brand identity
  • Retro website themes
  • Nostalgic digital art and illustrations
  • Cozy cafe or boutique interiors
  • Album artwork and music packaging
  • Autumn-themed marketing campaigns

Suggested color roles

primary

#FF7F50 - Use this vibrant coral as the dominant color for headers, key call-to-action buttons, or main illustrations to capture immediate attention and convey energy.

secondary

#CD853F - This rich, earthy brown works well for subheadings, navigation elements, or as a strong background for sections, providing depth and a vintage feel.

accent

#FFA07A - Apply this soft coral for interactive elements, highlights, or small decorative details where a gentle, warm pop is desired.

background

#DEB887 - Ideal for main page backgrounds or card elements, offering a warm, muted base that allows other colors to stand out comfortably.

text

Opt for a deep charcoal like #333333 or classic black for optimal readability against the lighter background tones in this palette.

Accessibility notes

  • Ensure sufficient contrast when using #DEB887 as a background with lighter text colors like #FFA07A; aim for WCAG AA or AAA.
  • For critical text, use darker tones like #CD853F against #DEB887 or a near-white background like #F5F5F5.
  • Test button and link states for readability, especially with #FF7F50 or #F08080 on various backgrounds.
  • Avoid placing #FFA07A directly on #F08080 for small text or icons due to low hue contrast.

Recommended combinations

Retro Core

Excellent for primary brand elements: #FF7F50 for headlines, #CD853F for body text, and #DEB887 for a warm, inviting background.

#FF7F50 · #CD853F · #DEB887

Sunset Accent

Use #FFA07A for calls-to-action, #F08080 for secondary buttons, all against a soft #DEB887 base for a gentle, nostalgic feel.

#FFA07A · #F08080 · #DEB887

Bold & Grounded

Combine #CD853F for strong visual anchors, #F08080 for supporting graphics, and #FF7F50 for vibrant highlights in marketing materials.

#CD853F · #F08080 · #FF7F50

CSS variables

:root {
  --sunset-vinyl-hues-1: #FFA07A;
  --sunset-vinyl-hues-2: #FF7F50;
  --sunset-vinyl-hues-3: #F08080;
  --sunset-vinyl-hues-4: #DEB887;
  --sunset-vinyl-hues-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-vinyl-hues": {
        1: "#FFA07A",
        2: "#FF7F50",
        3: "#F08080",
        4: "#DEB887",
        5: "#CD853F",
      }
    }
  }
}

Related searches

vintage color paletteretro sunset colorswarm nostalgic huesrecord store aestheticorange red brown palette

Palette colors

Hex values

Color 1#FFA07A
·
Color 2#FF7F50
·
Color 3#F08080
·
Color 4#DEB887
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
1.1:1Fail
1.5:1Fail
2
1.3:1Fail
1:1Fail
1.3:1Fail
1.2:1Fail
3
1.3:1Fail
1:1Fail
1.4:1Fail
1.2:1Fail
4
1.1:1Fail
1.3:1Fail
1.4:1Fail
1.6:1Fail
5
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Sunset Vinyl Hues

View all warm