Back to palettes

Palette

Warm Vintage Vibe

Earthy tones of avocado, mustard, and burnt orange capture the distinct, comfortable aesthetic of a 70s living room.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Vintage Vibe 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 Warm Vintage Vibe.

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

Data visualization

#CB8D1F#D67B00#7B3F00#4F5D2B#AE8054

Palette guide

How to use Warm Vintage Vibe

Overview

The 'Warm Vintage Vibe' palette ushers in a nostalgic journey to the 1970s, blending comfortable, earthy tones perfect for designers and developers aiming for a retro aesthetic. Featuring a rich mustard yellow #CB8D1F, a vibrant burnt orange #D67B00, a deep, grounding brown #7B3F00, a muted avocado green #4F5D2B, and a warm, inviting tan #AE8054, this collection is ideal for creating designs that feel both classic and cozy. Its harmonious blend of warm and slightly desaturated hues makes it versatile for branding, digital interfaces, and print materials seeking a distinct, timeless charm, evoking comfort and authenticity.

Best used for

  • Retro branding and logos
  • 70s-inspired web and UI design
  • Vintage product packaging
  • Interior design mood boards
  • Editorial design for lifestyle magazines
  • Apparel and textile designs

Suggested color roles

primary

Use #D67B00 (Burnt Orange) as a vibrant yet earthy anchor for headings or prominent calls-to-action, drawing immediate attention with its warm energy.

secondary

Employ #4F5D2B (Muted Avocado Green) for supportive sections, background elements, or illustrations to provide natural contrast and depth without overwhelming the primary.

accent

Apply #CB8D1F (Mustard Yellow) for highlights, interactive elements, or small graphic details to add a brighter, playful pop that remains harmonious with the overall vintage feel.

background

Utilize #AE8054 (Warm Tan) as a soft, inviting base for content areas, providing a comfortable and legible backdrop that enhances the palette's warmth.

text

Opt for #7B3F00 (Deep Brown) for body text and important labels, ensuring excellent readability against lighter backgrounds like #AE8054, while maintaining the palette's earthy integrity.

Accessibility notes

  • Ensure sufficient contrast when pairing #AE8054 (Warm Tan) with lighter text colors; consider #7B3F00 for optimal readability.
  • Verify all text-to-background color combinations meet WCAG 2.1 AA guidelines, especially for smaller font sizes.
  • Muted tones like #4F5D2B might require larger text sizes or bolder weights to maintain legibility on complex backgrounds.
  • Avoid using #CB8D1F or #D67B00 for small body text on #AE8054 without careful contrast checking, as they may fail accessibility standards.

Recommended combinations

Retro Earthy

Ideal for website headers, branding elements, or product packaging seeking a grounded, vintage feel with strong contrast.

#D67B00 · #7B3F00 · #AE8054

Muted Pop

Great for UI elements, illustrations, or social media graphics that need a subtle yet engaging contrast and a touch of retro vibrancy.

#CB8D1F · #4F5D2B · #AE8054

Deep Vintage

Use for bold statements, primary calls-to-action, or rich backgrounds where depth, warmth, and a strong visual presence are desired.

#7B3F00 · #D67B00 · #CB8D1F

CSS variables

:root {
  --warm-vintage-vibe-1: #CB8D1F;
  --warm-vintage-vibe-2: #D67B00;
  --warm-vintage-vibe-3: #7B3F00;
  --warm-vintage-vibe-4: #4F5D2B;
  --warm-vintage-vibe-5: #AE8054;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-vintage-vibe": {
        1: "#CB8D1F",
        2: "#D67B00",
        3: "#7B3F00",
        4: "#4F5D2B",
        5: "#AE8054",
      }
    }
  }
}

Related searches

70s color paletteretro earthy tonesvintage web design colorsmuted warm color schemeburnt orange avocado green palette

Palette colors

Hex values

Color 1#CB8D1F
·
Color 2#D67B00
·
Color 3#7B3F00
·
Color 4#4F5D2B
·
Color 5#AE8054
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.9:1Fail
2.5:1Fail
1.2:1Fail
2
1.1:1Fail
2.6:1Fail
2.3:1Fail
1.1:1Fail
3
2.9:1Fail
2.6:1Fail
1.1:1Fail
2.4:1Fail
4
2.5:1Fail
2.3:1Fail
1.1:1Fail
2.1:1Fail
5
1.2:1Fail
1.1:1Fail
2.4:1Fail
2.1:1Fail

Similar palettes

More like Warm Vintage Vibe

View all retro
Atomic Age Mod
Groovy Sunset Hues
Groovy Sunset Swirl
Mid-Century Mod Comfort
Mid-century Sunset
Retro Avocado Dream